Accessing JSON through javascript

Question

I am a newbie with json and right now fighting with it. :) I am getting response with ajax call and I want to get all id values from json response. I am not sure what am I doing wrong, I already tried most of the solutions but none gave me a positive answer.

This is my code:

$.ajax({
    url: 'Actions.php?action=update',
    type: 'post',
    data: '&id='+$id,
}).success(function(data) {
    var jsondata = JSON.parse(data);

    $.each(jsondata, function(i, item) {
       console.log(item.Records.id);
    });           
});

And error I am getting is this one:

TypeError: item.Records is undefined

And this is my JSON response:

{"Result":"OK","Records":
[{"0":"111","id":"111","1":"20","free":"20"},
{"0":"127","id":"127","1":"20","free":"20"},
{"0":"133","id":"133","1":"20","free":"20"},
{"0":"134","id":"134","1":"20","free":"20"},
{"0":"135","id":"135","1":"20","free":"20"},
{"0":"326","id":"326","1":"20","free":"20"}]}

How can I acces all id and free values? Or what am I doing wrong?

Rory McCrossan · Accepted Answer · 2014-05-07 10:14:01Z

3

You need to iterate over jsondata.Records:

$.each(jsondata.Records, function (i, item) {
    console.log(item.id);
});

Example fiddle

answered May 7, 2014 at 10:14

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

2 Comments

enigmaticus Over a year ago

thank you a lot, it worked :) i am a newbie so i was trying to find a solution and everything i tried didnt work, so you helped me a lot, i will accept your answer when the time passes by :)

Rory McCrossan Over a year ago

@enigmaticus no problem, gad to help.

Rajaprabhu Aravindasamy · Accepted Answer · 2014-05-07 10:13:40Z

2

jsondata.Records is the array which contains further json objects,

Try,

$.each(jsondata.Records, function(i, item) {
   console.log(item.id);
});

answered May 7, 2014 at 10:13

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

Comments

Maneesh Singh · Accepted Answer · 2014-05-07 10:22:00Z

0

$.ajax({
url: 'Actions.php?action=update',
type: 'post',
data: '&id='+$id,
dataType:'json'
 }).success(function(data) {

$.each(data.Record, function(i, item) {
   console.log(item.id);
});

});

pls use dataTye in your ajax setting.

answered May 7, 2014 at 10:22

Maneesh Singh

5752 silver badges13 bronze badges

Collectives™ on Stack Overflow

Accessing JSON through javascript

3 Answers 3

2 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Related