How to process JSON using jquery?

Question

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?

Thanks.

If you can show the json returned by method it will be of immense help! — amantur
– amantur, Commented Jul 31, 2009 at 3:02

Timothy S. Van Haren · Accepted Answer · 2009-07-31 03:11:52Z

7

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;

edited Jul 31, 2009 at 3:11

answered Jul 31, 2009 at 3:06

Timothy S. Van Haren

8,9762 gold badges32 silver badges34 bronze badges

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

Comments

Sk8erPeter · Accepted Answer · 2013-03-28 09:40:25Z

6

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...
                  // ...
             });
        }
 );

edited Mar 28, 2013 at 9:40

Sk8erPeter

7,0059 gold badges51 silver badges67 bronze badges

answered Jul 31, 2009 at 3:03

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

1 Comment

PhoebeB Over a year ago

I used this format, but had to change the each line to $.each(data, function(i,item){ for it to work. Interestingly the jquery site says to use $.each(data.items, function(i,item){ but that didn't work for me with jquery.1.3.2

amantur · Accepted Answer · 2009-07-31 03:01:55Z

1

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

answered Jul 31, 2009 at 3:01

amantur

40.6k22 gold badges136 silver badges192 bronze badges

Collectives™ on Stack Overflow

How to process JSON using jquery?

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related