How do I render a partial form element using AJAX

by

For an ajax call you have to build the model:

$.ajax({
    type: "POST",
    url: '@Url.Action("AddPreference", "Main")',
    data: {
        Field1: 'field1',
        Field2: 'field2'
    },
    success: function (html) {
         $(html).appendTo('#additionalPreference');
         console.log(html);
    },
    error: function (xhr, ajaxOptions, thrownError) {
         alert("Error");
    },
    complete: function () {
         console.log("End");
});

Make sure that the names in the data section of the ajax call match exactly the names in your model and it should show up in your controller populated.

update:

Since writing this answer I have learned more about sending information back to the controller via ajax. As commented by Rick Dailey you can send the model submitted to the form back to the controller via:

@Html.Raw(Json.Encode(Model))

I have found out about serialize and we use:

$('form').serialize()

To send the fields on the form back to the controller. A quick, easy way to send all information back similar to a post back without having to manually build the model.

More Related Contents:

  1. Can the ViewBag name be the same as the Model property name in a DropDownList?
  2. Injecting content into specific sections from a partial view ASP.NET MVC 3 with Razor View Engine
  3. How to make custom error pages work in ASP.NET MVC 4
  4. Is it possible to use Razor View Engine outside asp.net
  5. ASP.NET Bundles how to disable minification
  6. How to “warm-up” Entity Framework? When does it get “cold”?
  7. Is it possible to access MVC Views located in another project?
  8. mvc uppercase Model vs lowercase model
  9. EditorTemplate for DropDownList
  10. Context menu to Add Controller/View missing
  11. The type initializer for ‘System.Data.Entity.Internal.AppConfig’ threw an exception
  12. How to return raw string with ApiController?
  13. The anti-forgery cookie token and form field token do not match in MVC 4
  14. Serving favicon.ico in ASP.NET MVC
  15. Adding sub-directory to “View/Shared” folder in ASP.Net MVC and calling the view
  16. All requests to ASP.NET Web API return 404 error
  17. How does Html.Raw MVC helper work?
  18. How do I import a namespace in Razor View Page?
  19. What is the difference between ‘classic’ and ‘integrated’ pipeline mode in IIS7?
  20. How to receive JSON as an MVC 5 action method parameter
  21. Could not load file or assembly ‘System.Net.Http, Version=2.0.0.0 in MVC4 Web API
  22. ASP.Net MVC Handling Segments with Route
  23. SSL pages under ASP.NET MVC
  24. In asp.net mvc is it possible to make a generic controller?
  25. New Asp.Net MVC5 project produces an infinite loop to login page
  26. Windows Authentication and add Authorization Roles through database – MVC asp.net
  27. How to get current page URL in MVC 3
  28. Value cannot be null. Parameter name: items (DrodownList)
  29. Does the Razor View Engine work for Mono?
  30. Display string as html in asp.net mvc view

Leave a Comment