How to send a model in jQuery $.ajax() post request to MVC controller method

by

The simple answer (in MVC 3 onwards, maybe even 2) is you don’t have to do anything special.

As long as your JSON parameters match the model, MVC is smart enough to construct a new object from the parameters you give it. The parameters that aren’t there are just defaulted.

For example, the Javascript:

var values = 
{
    "Name": "Chris",
    "Color": "Green"
}

$.post("@Url.Action("Update")",values,function(data)
{
    // do stuff;
});

The model:

public class UserModel
{
     public string Name { get;set; }
     public string Color { get;set; }
     public IEnumerable<string> Contacts { get;set; }
}

The controller:

public ActionResult Update(UserModel model)
{
     // do something with the model

     return Json(new { success = true });
}

More Related Contents:

  1. ASP.NET MVC and Ajax, concurrent requests?
  2. How can I convince IE to simply display application/json rather than offer to download it?
  3. ASP.NET MVC Ajax Error handling
  4. How to use jquery or ajax to update razor partial view in c#/asp.net for a MVC project
  5. Handling session timeout in ajax calls
  6. Difference Between $.getJSON() and $.ajax() in jQuery
  7. jQuery Ajax POSTing array to ASP.NET MVC Controller
  8. How can I RedirectToAction within $.ajax callback?
  9. ASP.NET MVC rendering partial view with jQuery ajax
  10. Ajax Pagination in PagedList.MVC using partial Page
  11. Load PartialView with using jquery Ajax?
  12. How to post ASP.NET MVC Ajax form using JavaScript rather than submit button
  13. MVC 4 Razor File Upload
  14. Getting “A potentially dangerous Request.Path value was detected from the client (&)”
  15. Encrypted configuration in ASP.NET Core
  16. MVC3 unobtrusive validation group of inputs
  17. ASP.NET MVC: Route with optional parameter, but if supplied, must match \d+
  18. Context.User.Identity.Name is null with SignalR 2.X.X. How to fix it?
  19. IIS hijacks CORS Preflight OPTIONS request
  20. ASP.NET MVC and mixed mode authentication
  21. Populate Select box options on click with Javascript/Jquery with Json data
  22. Recursion in an ASP.NET MVC view
  23. How to add jQueryUI library in MVC 5 project?
  24. Strongly-Typed ASP.NET MVC with ADO.NET Entity Framework [closed]
  25. Jquery post and unobtrusive ajax validation not working mvc 4
  26. Razor Nested WebGrid
  27. Steve Sanderson’s BeginCollectionItem helper won’t bind correctly
  28. Best practice for ASP.NET MVC resource files
  29. Include all files in a folder in a single bundle
  30. Working example for JavaScriptResult in asp.net mvc

Leave a Comment