MVC 3 - la Soumission de formulaire via jquery et partielle de rafraîchir la page pour voir le résultat après le post

J'ai un formulaire dans MVC 3. Actuellement, je suis en train de faire la suite pour publier le formulaire.
Le formulaire est affiché et de l'obtenir, elle est en train de faire plein de rafraichissement de la page pour afficher le résultat.

Après la soumission, le controll enverra un état de Réussite ou d'Échec. C'est tout.
J'ai juste besoin d'afficher dans un div de la réussite ou de l'échec de message basé sur le statut renvoyé.

Personne ne sait le haut niveau des étapes sur la façon de faire dans MVC 3?

<div id="ShowResultHere"></div>

@using (Html.BeginForm("Update", "Test", FormMethod.Post, new { id="frmUpdate"}))
{
   //form fields
   <button type="submit" class="sprt bg_red bt_red h27">Update</button>
}

[HttpPost]
public ActionResult Update(TestModel model)
{
   return Json(new { s = "Success" });
}

Je veux réussir à apparaître en silence à l'intérieur de la ShowResultHere div onsuccess de rappel.

Cela peut-il être fait dans MVC 3?

OriginalL'auteur | 2011-07-10

  1. 19

    Vous pourriez vous abonner pour la submit cas de la forme et effectuer l'appel AJAX, comme ceci:

    $(function() {
    $('#frmUpdate').submit(function() {
        $.ajax({
            url: this.action,
            type: this.method,
            data: $(this).serialize(),
            success: function(result) {
               //The AJAX call succeeded and the server returned a JSON 
               //with a property "s" => we can use this property
               //and set the html of the target div
               $('#ShowResultHere').html(result.s);
            }
        });
        //it is important to return false in order to 
        //cancel the default submission of the form
        //and perform the AJAX call
        return false;
    });
});
    Cool! Il fonctionne comme un charme!

    OriginalL'auteur Darin Dimitrov

  2. 7

    Vous pouvez également l'obtenir par écrit pas tout javascript.
    En utilisant AJAX formulaire de

    <div id="ShowResultHere"></div>

@using (Ajax.BeginForm("Update", new AjaxOptions { UpdateTargetId = "ShowResultHere" }))
{

}

    Et dans votre contrôleur

    [HttpPost]
public ActionResult Update(TestModel model)
{
    if(blah)
        return PartialView("Success")
    return PartialView("Failed")
}

    Le faisant de cette manière signifie que vous avez à faire deux points de vue. Mais le moyen de ne pas écrire du javascript.

    +1 j'aime bien cette solution. Mais vous n'avez pas besoin de deux points de vue nécessairement, vous pouvez simplement passer une variable à un point de vue et dire que c'est la réussite ou l'échec et simplement l'utiliser pour afficher/masquer les deux DIVs à la place.

    OriginalL'auteur Daveo

  4. 0

    Si vous soumettez le formulaire via Ajax de jQuery, vous pouvez afficher votre message côté client dans la réussite fonction de rappel.

    OriginalL'auteur ElonU Webdev