如何访问 jQuery.ajax() 返回数据

Question

我使用以下代码进行 AJAX 调用：

  $.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
      }
    }
  });

我返回到 AJAX 请求的是：

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

我想知道的是如何访问当前曲目列表的 name 属性。

Answer 1

你应该使用

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

而不是

console.log(tracklist.name);

Answer 2

如果您想迭代这些对象，最好返回一个数组：

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

然后，您可以使用类似于您尝试的 for 循环：

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

Answer 3

在循环中：

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

tracklist是每个元素的键，而不是它的值。

因此：

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