如何訪問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}}

我想知道的是如何訪問當前跟蹤列表的名稱屬性。

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']);
}