Using jQuery to Read JSON Returned from an MVC Controller Method

It’s easy to return a complex C# object from an MVC controller as JSON for your client-side JavaScript to consume.  Just use the Json() method of the Controller class to serialize your C# object to JSON and return it as an ActionResult.  You can use jQuery to wire up the AJAX and call the controller method via HTTP GET or POST using $.get() and $.post() respectively.  The trick is to set the type parameter of the jQuery AJAX method that you’re using to ‘json’.  This will tell jQuery to expect JSON as the response data and deserialize/evaluate it as JavaScript.  Check it:

jQuery Code

$.get(‘/MyController/GetSomething, { name: ‘value’ },
    function(data) {
        alert(data.Name);
    }, ‘json’); // Set the type to ‘json’!

MVC Controller C#:

public ActionResult GetSomething(string name)
{
    return Json(new
    {
        Name = name,
        Description = “hey!”
    });
}

The post Using jQuery to Read JSON Returned from an MVC Controller Method appeared first on RobVolk.com.