How to loop through my Json response using jQuery?

Question

My Json response looks like:

[{"UserID": 1}, {"UserID", 324}]

I call the page to get json like:

$.get("myurl.aspx", {blah:1}, function(data) {

       $.each(data.items, function(i, item) {
             alert(item.UserID);

       });

});

Firebug is reporting the error:

G is undefined.

you have a typo in second part of response, there should be a : instead of , in second object — RaYell
– RaYell, Commented Jul 30, 2009 at 18:06
there is a security risk in sending an array literal as a JSON response. Better to make it { items: [{"UserID": 1}, {"UserID": 324}] }. Then your javascript will work too. — Gabe Moothart
– Gabe Moothart, Commented Jul 30, 2009 at 18:24

John Sheehan · Accepted Answer · 2009-07-30 18:05:21Z

6

I think you want this instead since your data var doesn't have a property called items:

$.each(data, function(i, item) {
     alert(item.UserID);
});

answered Jul 30, 2009 at 18:05

John Sheehan

78.3k30 gold badges162 silver badges194 bronze badges

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

1 Comment

mrblah Over a year ago

can I check for success of the ajax call? or its assumed?

Timothy S. Van Haren · Accepted Answer · 2009-07-30 18:04:11Z

2

It appears your response is not a true JSON object. Notice that there is a comma instead of a colon in your response.

If that's just a typo, check the request and response in the Firebug console (on the Net tab) to see what data is being sent to the myurl.aspx page. You should see your AJAX request, as well as the data that is being sent back to your page.

answered Jul 30, 2009 at 18:04

Timothy S. Van Haren

8,9762 gold badges32 silver badges34 bronze badges

Comments

bryan · Accepted Answer · 2009-07-30 18:12:20Z

2

Don't forget to pass a data type parameter to get so that it knows to expect JSON, or use getJSON instead.

answered Jul 30, 2009 at 18:12

bryan

2,2631 gold badge22 silver badges19 bronze badges

Comments

Christian C. Salvadó · Accepted Answer · 2009-07-30 18:05:31Z

1

The JSON you posted is invalid:

[{"UserID": 1}, {"UserID", 324}]

Notice the comma on the second UserID.

answered Jul 30, 2009 at 18:05

Christian C. Salvadó

831k185 gold badges929 silver badges845 bronze badges

Comments

Ben Koehler · Accepted Answer · 2009-07-30 18:43:17Z

1

By default, ASP.Net encapsulates the JSON object in another object named 'd'. Your response would look like this then:

{"d": [{"UserID": 1}, {"UserID": 324}]}

Try this:

$.get("myurl.aspx", {blah:1}, function(data) {

   $.each(data.d, function(i, item) {
         alert(item.UserID);
   });
});

Check out this link for Microsoft's reasoning (bottom of the page.)

answered Jul 30, 2009 at 18:43

Ben Koehler

8,6913 gold badges26 silver badges23 bronze badges

Collectives™ on Stack Overflow

How to loop through my Json response using jQuery?

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related