javascript - Post an MVC model with AJAX?

Question

Can I post an MVC model using AJAX, like:

 $.ajax ({
     //what elements are important?
     data: '@Model.Product',
     success: function(data){
        $("#divProducts").html(data);
     }
 }

I want to avoid changing the model into JSON or JavaScript objects because I would still have to load them from the fields on the page. It would be easier if I use the standard @Html.TextboxFor stuff to fill the model fields and then post the whole model with AJAX.

Answer 1

You can serialize the model into JSON and then post the serialized JSON object to server.

var productModel= @Html.Raw(Json.Encode(Model.Product))
$.ajax ({
     //send the serialized JSON 
     data: JSON.stringify(productModel),
     success: function(data){
        $("#divProducts").html(data);
     }
 }