How to get json data properly in javascript

Question

I'm trying to get the data inside of "attributes" in these json format, but I always get undefined

{ "data": [ 
   { "attributes":     
      {
         "id":"4977",
         "book_id":"651284829",
         "provider_id":"1",
         "title":"\u96e8\u8272\u30b3\u30b3\u30a2",
         "author":"IAM, K.K.",
         "price":"170.00",
         "rating":"4"
      },
      ...
   }
}

This is my code which always returns undefined:

for ( var obj in json.data) {
    var att = obj.attributes;
    html += "<p>" + att.author + "</p>";
}

Denys Séguret · Accepted Answer · 2013-06-24 08:52:58Z

2

You're iterating over the keys of the properties of json.data, not the values of those properties.

Change

var att = obj.attributes;

to

var att = json.data[obj].attributes;

To make it clearer, a different name could be used :

for (var key in json.data) {
    var obj = json.data[key];
    var att = obj.attributes;
    html += "<p>" + att.author + "</p>";
}

answered Jun 24, 2013 at 8:52

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

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

4 Comments

h2ooooooo Over a year ago

To expand upon this, if you use console.log(obj) you'll find out that it outputs attributes as the only content in the obj variable.

Bryan P Over a year ago

where can I find the output if I use console.log?

Denys Séguret Over a year ago

@BryanPosas See this documentation. Using the console really changes the like of a JS developer.

Bryan P Over a year ago

Thanks a lot sir for being helpful to a newbie.

Collectives™ on Stack Overflow

How to get json data properly in javascript

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related