ASP.NET MVC 4 AJAX Soumettre le formulaire ne fonctionne pas

Question

Je suis en train de convertir une forme de synchrone asynchrone en utilisant la méthode d'assistance Ajax.BeginForm dans MVC 4.

À mon avis, j'ai:

@{ 
     ViewBag.Title = "Users > Edit"; 
     var options = new AjaxOptions() 
          { 
           Url = Url.Action("Edit", "User"), 
           LoadingElementId = "saving", 
           LoadingElementDuration = 2000, 
           Confirm = "Are you sure you want to save this User?" 
          }; 
    } 

    <div id="saving" style="display:none; color:Red; font-weight: bold"> 
     <p>Saving...</p> 
    </div> 

    @using (Ajax.BeginForm(options)) 
    { 
     @Html.ValidationSummary(true) 
     <fieldset> 
      .... FIELDS ... 
      <p> 
       <input type="submit" value="Save" /> 
      </p> 
     </fieldset> 
    } 

Lorsque vous cliquez sur le bouton Soumettre, une publication complète est en cours d'exécution. Ma méthode d'action ressemble à ceci:

[HttpPost] 
public ActionResult Edit(User user) 
{ 
    if (ModelState.IsValid) 
    { 
     _repository.Save(user); 
     TempData["message"] = String.Format("{0} has been saved.", user.Username); 
    } 

    return View(user); 
} 

Y at-il quelque chose qui me manque? La version actuelle de MVC 4 a-t-elle rencontré quelques problèmes?

Dans mon Web.Config, j'ai la propriété ClientValidationEnabled et UnobtrusiveJavaScriptEnabled définie sur true.

J'ai également précisé dans mon _Layout.cshtml:

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 

Answer 1

Y at-il quelque chose que je suis absent?

Peut-être vous manque le script ajax discret:

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script> 

Answer 2

si je suis compris correcte, vous essayez de poster les données au contrôleur, après avoir réussi, vous devez aller à la page d'accueil ?? sinon, pouvez-vous clarifier. ce qui va essayer de vous aider

if (ModelState.IsValid) 
    { 
     _repository.Save(user); 
     TempData["message"] = String.Format("{0} has been saved.", user.Username); 
     return RedirectToAction("yourActionToRedirect"); // after succesfull it will go to the index view 
    } 

Answer 3

J'ai eu le même genre de problème ... J'ai mis à jour tous les fichiers js avec la console de package NuGet.

juste mon 2 cents, mais aussi au moment de l'écriture, le fichier jquery.unobtrusive.ajax contient des appels à la fonction jquery dépréciée « .live » (=> il est supprimé de la version jquery 1.9+) jquery live

Je pense qu'il ya comme 4 événements que vous aurez à changer avec .on, maintenant il fonctionne très bien ;-)