How to pass an entire object to a controller with Javasctipt / AJAX in MVC?

Question

I'm trying to figure out a way to pass the entire class from my View to a Controller with Javascript/AJAX.

I know the following Ajax code can be used to pass just the ID but can I pass the entire model ?

    @model  User
    $.ajax(
        {
            type: "POST",
            url: "\User\",
            data: @model.id,
            success:
                reloadPage()
        });

I saw the following solution while searching: Is there a way to pass a "C#" object to a controller via AJAX?

Can I simply do this instead ? :

    @model  User
    $.ajax(
        {
            type: "POST",
            url: "\User\",
            data: @model,
            success:
                reloadPage()
        });

Will this work ? How safe ? What's the best way ?

Scott Hamper · Accepted Answer · 2012-04-06 02:20:59Z

4

Check out the JavascriptSerializer.Serialize() method. So something like this:

@model  User
$.ajax({
    type: "POST",
    url: "\User\",
    data: JSON.parse(@(new JavascriptSerializer().Serialize(Model))),
    success: reloadPage
});

Essentially, this serializes your model to a JSON string, which is then parsed client side back into a JS object, which is then passed into the AJAX request. When the request hits the server, MVC model binding handles constructing an instance of the model based off the JSON object.

Note that JSON.parse is not supported in older versions of IE. You can get json2.js to shim the method for IE.

answered Apr 6, 2012 at 2:20

Scott Hamper

3812 silver badges2 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

InspiredBy Over a year ago

Thanks. Here is the namespace for those looking at this later: System.Web.Script.Serialization.JavaScriptSerializer().Serialize(Model)

klkitchens Over a year ago

But doesn't this only serialize what's there when the page loads and not a created/updated model in the view?

Martin Over a year ago

Case typo, the class is called JavaScriptSerializer, with capital S on Script. (not JavascriptSerializer)

Travis J · Accepted Answer · 2012-04-06 01:42:46Z

2

Although not best practice, if there is no other way to get this data then you may pass the data via tempdata

View:

@{
 TempData["myModel"] = Model;
}

Controller:

var myModel = TempData["myModel"];
TempData.Remove("myModel");

answered Apr 6, 2012 at 1:42

Travis J

82.5k43 gold badges213 silver badges280 bronze badges

Comments

Raghuveer · Accepted Answer · 2012-04-06 01:44:47Z

2

Create a Json object with the same properties as original object, Give the Json object name as controller parameter name. Pass the Json object to Controller Using AJAX request

MVC model binding will takecare of remaining things

answered Apr 6, 2012 at 1:44

Raghuveer

2,6273 gold badges31 silver badges61 bronze badges

3 Comments

InspiredBy Over a year ago

So when the User object is passed to a view model initially it needs to be a JSON type? What about on the receiving end, once I send it further from the view to the next controller with this logic? Will the framework automatically parse it from JSON back to User type ?

Raghuveer Over a year ago

Once Check this Question's Answer link

InspiredBy Over a year ago

Ok so it seems that before MVC3 JSON to class model binding had to be handled manually. Now with MVC3 it's handled automatically. Quick question before I close it. Is it possible to convert my Model to JSON when I'm already working with the view? Or just the model have to be of JSON type be the time it becomes a View model ?

user3642899 · Accepted Answer · 2014-05-16 16:47:20Z

1

try using the serialize (jQuery)

eg.

$.ajax({
   type: "POST",
   url: "\User\",
   data: $(form).serialize(),
   success: reloadPage()
});

edited May 16, 2014 at 16:47

answered May 15, 2014 at 23:44

user3642899

112 bronze badges

Collectives™ on Stack Overflow

How to pass an entire object to a controller with Javasctipt / AJAX in MVC?

4 Answers 4

3 Comments

Comments

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

3 Comments

Comments

Linked

Related