How to append whole set of model to formdata and obtain it in MVC

by

If your view is based on a model and you have generated the controls inside <form> tags, then you can serialize the model to FormData using

var formdata = new FormData($('form').get(0));

This will also include any files generated with <input type="file" name="myImage" .../>

and post it back using

$.ajax({
  url: '@Url.Action("YourActionName", "YourControllerName")',
  type: 'POST',
  data: formdata,
  processData: false,
  contentType: false,         
});

and in your controller

[HttpPost]
public ActionResult YourActionName(YourModelType model)
{
}

or (if your model does not include a property for HttpPostedFileBase)

[HttpPost]
public ActionResult YourActionName(YourModelType model, HttpPostedFileBase myImage)
{
}

If you want to add additional information that is not in the form, then you can append it using

formdata.append('someProperty', 'SomeValue');

More Related Contents:

  1. C# MVC Controller cannot get decimal or double values from Ajax POST request
  2. Why would multiple simultaneous AJAX calls to the same ASP.NET MVC action cause the browser to block?
  3. C# Web method is not calling in javascript
  4. appending array to FormData and send via AJAX
  5. Send FormData and String Data Together Through JQuery AJAX?
  6. force browsers to get latest js and css files in asp.net application
  7. How to set javascript variables using MVC4 with Razor
  8. Passing dynamic javascript values using Url.action()
  9. Is it any limit for POST data size in Ajax?
  10. Cannot handle 302 redirect in ajax and why? [duplicate]
  11. Function not defined error while using asp.net ajax
  12. Uploading File using Ajax in Asp.Net Core
  13. Does Angular routing template url support *.cshtml files in ASP.Net MVC 5 Project?
  14. Difference between $.post and $.ajax?
  15. Submit form using AJAX in Asp.Net mvc 4
  16. ASP.NET Parse DateTime result from ajax call to javascript date
  17. Post JavaScript array with AJAX to asp.net MVC controller
  18. How to receive special character?
  19. jQuery: Return data after ajax call success [duplicate]
  20. Detect the Internet connection is offline?
  21. How do I POST urlencoded form data with $http without jQuery?
  22. How to set File objects and length property at FileList object where the files are also reflected at FormData object?
  23. Prevent redirection of Xmlhttprequest
  24. AJAX POST and Plus Sign ( + ) — How to Encode?
  25. AJAX request to local file system not working in Chrome? [duplicate]
  26. FormData in IE8/9
  27. Populating a select box using JQUERY, AJAX and PHP
  28. Chain ajax and execute it in sequence. Jquery Deferred
  29. “Permission denied” with Internet Explorer and jQuery
  30. How to show loading status in percentage for ajax response?

Leave a Comment