How to access return data of jQuery.ajax()

Question

I'm using the following code to make an AJAX call:

  $.ajax({
    url: href,
    type: 'POST',
    data: {},
    dataType: "json",
    error: function(req, resulttype, exc)
    {
      // do error handling
    },
    success: function(data)
    {
      for (var tracklist in data) {
        console.log(tracklist.name); // undefined
        console.log(tracklist['name']); // undefined
      }
    }
  });

What I return to the AJAX request is:

{"5":{"id":5,"name":"2 tracks","count":2},"4":{"id":4,"name":"ddddd","count":1},"7":{"id":7,"name":"Final test","count":2}}

What I would like to know is how to access the name attribute of the current tracklist.

Emmett · Accepted Answer · 2011-05-22 16:06:14Z

3

You should use

console.log(data[tracklist].name);

instead of

console.log(tracklist.name);

answered May 22, 2011 at 16:06

Emmett

14.4k12 gold badges58 silver badges82 bronze badges

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

Comments

Dave Ward · Accepted Answer · 2011-05-22 16:06:15Z

2

If you want to iterate over those objects, it would be better if you returned an array:

[{"id":5,"name":"2 tracks","count":2},{"id":4,"name":"ddddd","count":1},{"id":7,"name":"Final test","count":2}]

Then, you could use a for-loop similar to what you were trying:

  for (var tracklist in data) {
    console.log(data[tracklist].id);
    console.log(data[tracklist].name);
  }

answered May 22, 2011 at 16:06

Dave Ward

60.7k14 gold badges119 silver badges134 bronze badges

Comments

Lightness Races in Orbit · Accepted Answer · 2011-05-22 16:10:46Z

1

In the loop:

for (var tracklist in data) {
  console.log(tracklist.name); // undefined
  console.log(tracklist['name']); // undefined
}

tracklist is the key of each element, not its value.

Thus:

for (var tracklist in data) {
  console.log(data[tracklist].name); // ... or ...
  console.log(data[tracklist]['name']);
}

answered May 22, 2011 at 16:10

Lightness Races in Orbit

387k77 gold badges672 silver badges1.1k bronze badges

Collectives™ on Stack Overflow

How to access return data of jQuery.ajax()

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related