jquery - 从 ajax 响应中检索值

Question

我使用 jQuery .ajax 发送数据，然后监听响应。当我使用 console.log()

时，响应包含以下格式的数据

{
    "res": 65,
    "arr": [
        {
            "id": "17",
            "item": "large book",
            "rate": "5"
        },
        {
            "id": "18",
            "item": "2 cups",
            "rate": "5"
        }
    ]
}

我需要用JS函数输出这些信息，所以我尝试lop:

for(var i=0; i <response.arr; i++){
  // HOW DO I GET: 
  // Item: large book
  // Item: 2 cups
}

返回response.arr['item']似乎不起作用。

Answer 1

由于 arr 属性包含一个数组，因此您需要通过 for 循环中的索引来访问它。另请注意，您需要迭代 response.arr 的 length。试试这个:

for (var i = 0; i < response.arr.length; i++){
    var item = response.arr[i].item;
    console.log(item);
}

Example fiddle

当您使用 jQuery 标记此问题时，您还可以使用它来循环返回的对象:

$.each(response.arr, function(i, obj) {
    console.log(obj.item);
});