CODEWITHSUNDEEP
c#jquery.netasp.net-mvc
Corey Toolis
Corey Toolis

Reputation: 307

use of model data in ajax success

$(document).ready(function () {
    $.ajax({
        url: 'LeadPipes/LeadCounts',
        type: 'POST',
        contentType: 'application/json',
        async: false,
        success: function (data) {
            alert(data)

        }
    });
});

I am using the ajax call above to get a model back how would i use the model object in the success function. As in I need to be able to use the data like a views model like @model.Type lets say. how could i do that with the json data in the success?

Upvotes: 1

Views: 1253

Answers (2)

Zbigniew
Zbigniew

Reputation: 27594

In MVC3 you could do it like this:

public ActionResult LeadCounts()
{
    var data = new { Count = 1, Something = "Something" };

    return Json(data, JsonRequestBehavior.AllowGet);
}

In view:

$(document).ready(function () {
    $.ajax({
        url: 'LeadPipes/LeadCounts',
        type: 'POST',
        contentType: 'application/json',
        async: false,
        success: function (data) {
            alert(data.Count);
        }
    });
});

Upvotes: 2

Darren
Darren

Reputation: 70728

The data object contains the properties passed down via the server.

You can then access them like:

 var name = data.Name;
 var testData = data.TestData;

Your Action could look like:

public JsonResult LeadCounts() 
{
   return Json(new { name = "Darren", testData = "Testing" });
}

Upvotes: 2

Related Questions