Parsing JSON using foreach in JQuery

Question

This is code I'm using right now to do AJAX via JQuery:

       $.ajax({
            type: "POST",
            url: linktopage,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                $.each(data, function (index, item) {
                    alert(item.productId);
                });
            },
            error: function (xhr, status, error) {

            }
        });

where index = d and item = "[{"productId":5284598},{"productId":5790923}]" but alert(item.productId) is undefined, how can i access each productId?

It would be much easier if you could give us a sample of the returned JSON data. — Rory McCrossan
– Rory McCrossan, Commented Jan 17, 2013 at 19:46
this is the returned JSON data: "[{"productId":5284598},{"productId":5790923}]" — Ali
– Ali, Commented Jan 17, 2013 at 19:47
If you console.log(data) and it is a string instead of an object, then you are not passing the data back from the server correctly. — mccannf
– mccannf, Commented Jan 17, 2013 at 19:54

Travis J · Accepted Answer · 2013-01-17 19:54:01Z

1

In your example, there is an array of items. You must iterate that to get to the productId.

for( var i = 0; i < item.length; i++ ){
 console.log(item[i].productId);
}

edit

It is possible that your data is still a string, in which case, you may want to use

data = JSON.parse(data);

before iterating. (more on parse: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/JSON/parse )

like this (you could also test to see if it were a string first):

$.ajax({
        type: "POST",
        url: linktopage,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            if( typeof data == "string" )data = JSON.parse(data);
            $.each(data, function (index, item) {
                alert(item.productId);
            });
        },
        error: function (xhr, status, error) {

        }
});

edited Jan 17, 2013 at 19:54

answered Jan 17, 2013 at 19:48

Travis J

82.5k43 gold badges213 silver badges280 bronze badges

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

1 Comment

Ali Over a year ago

Yes you are right Travis the received JSON was a string and I need to Parse it before I can use it. Thanks for the help! :)

Wolf · Accepted Answer · 2013-01-17 19:49:17Z

1

The data is a string entry in your case. So you have to parse it to a JSON first. Update you code to this

$.ajax({
            type: "POST",
            url: linktopage,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                var dta = $.parseJSON(data);
                $.each(dta , function (index, item) {
                    alert(item.productId);
                });
            },
            error: function (xhr, status, error) {

            }
        });

answered Jan 17, 2013 at 19:49

Wolf

2,1351 gold badge15 silver badges11 bronze badges

Collectives™ on Stack Overflow

Parsing JSON using foreach in JQuery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related