Tutorial :How to process JSON using jquery?


I have a controller that returns a list of custom linq-to-sql model objects in JSON format to jquery ajax calls:

List<MyAppLibrary.Model.Search> listSearches = search.ToList();          return new JsonResult { Data = listSearches };  

I have the following javascript which gets the response:

$.getJSON("/ajax/getbrands",      function(data) {          alert(data);      });  

I'd like to know how I can process that data response in javascript? How do I get the Name paramter of the Model.Search object?



The data variable that gets returned from the jQuery AJAX call contains the JSON object. You can access the fields of each of your MyAppLibrary.Model.Search objects in your JavaScript like so:

// this will grab the Search object at index 0 of your list  // and put the Name property's value of the Search object  // into a var  var firstItemName = data.Data[0].Name;  


The data argument will have a Data property, which is your list of Search models.

 $.getJSON("/ajax/getbrands",          function(data) {               $.each(data.Data, function(i, item) {                    // ... item will be a Search model...                    // ... i will be the index of the item in the list...                    // ...               });          }   );  


You can use jquery.json plugin play with the JSON returned.

Note:If u also have question or solution just comment us below or mail us on toontricks1994@gmail.com
Next Post »