Sending ASP.NET Model through AJAX

Question

I'm trying to send part of a model through an ajax call, but doing it simply like my code below, doesn't work. How could I pass this object along?

$.ajax({
            url: "/Controller/Action",
            type: "GET",
            data: @Model.Company,
            success: function (result) {
            $('#myDiv').html(data);
        }
});

This is what my JS puts outs:

MyProj.Domain.Entities.Company

This is my error:

Uncaught ReferenceError: MyProj is not defined

Just a remark: you can use "@Url.Action("Action", "Controller")" instead of "/Controller/Action". (msdn.microsoft.com/en-us/library/dd492874(v=vs.108).aspx) — cheesemacfly
– cheesemacfly, Commented Jan 28, 2013 at 22:16
Well, still the most likely problem with your code presented here. Do you get any errors? — jtheman
– jtheman, Commented Jan 28, 2013 at 22:16
Could well be because the model property company is a class object and needs to be serialized first. Also, If you are getting something with the Ajax call based on the Company, do you need to pass everything? Would it not be enough to just pass something like: data: {CompanyId: @Model.Company.Id} or similar? Then all you need in your controller action is the int CompanyId paramter. — Nope
– Nope, Commented Jan 28, 2013 at 22:23
You can't just pass the Model definition because they're not exactly data that is useful to the server. You need to serialize the Form when the form is submitted. It's either you convert it to a JSON format or Serialize the Model object as a whole. — Dennis Rongo
– Dennis Rongo, Commented Jan 28, 2013 at 22:26

kunjee · Accepted Answer · 2013-01-29 06:03:23Z

7

Your syntax would work fine for a primitive variable, but you should serialize your object to Json before sending. And also make sure that script stays in cshtml or aspx page, else '@Html' helper will not work.

$.ajax({
            url: "/Controller/Action",
            type: "GET",
            data: @Html.Raw(Json.Encode(Model.Company)),
            success: function (result) {
            $('#myDiv').html(data);
        }
});

edited Jan 29, 2013 at 6:03

kunjee

2,7591 gold badge24 silver badges39 bronze badges

answered Jan 28, 2013 at 22:23

Dave Alperovich

32.6k8 gold badges82 silver badges101 bronze badges

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

Collectives™ on Stack Overflow

Sending ASP.NET Model through AJAX

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related