jquery - 如何访问 jquery ajax 作为数组返回的内容

Question

以下是变量的值data：

[{"pcode":"1","category":"Category_1","ptitle":"Title_1"},
 {"pcode":"2","category":"Category_2","ptitle":"Title_2"}, 
 {"pcode":"3","category":"Category_1","ptitle":"Title_3"}]

我的 jquery ajax 函数返回上面的数组。我使用下面的代码在页面上列出它们的详细信息。

$.each(data,function(ptitle,category){
    $("#results").empty().append('<label>'+data.ptitle+' is in '+data.category+'</label><br>');
});

我想使用上面的代码显示的是：

Title_1 is in Category_1
Title_2 is in Category_2
Title_3 is in Category_1

但显示的是：

undefined: undefined

Answer 1

根据文档，第一个参数each是项目索引，第二个参数是项目本身。results此外，在每次迭代中清空容器也是一个坏主意。

var resultsContainer = $("#results");
resultsContainer.empty();
$.each(data, function(index, item){
    resultsContainer.append('<label>'+item.ptitle+' is in '+item.category+'</label><br>');
});

Answer 2

$("#results").empty();
$.each(data, function(index, element){
    $("#results").append('<label>'+element.ptitle+' is in '+element.category+'</label><br>');
});

Answer 3

看看文档。回调使用参数索引和值，这样做：

$.each(data, function(i, elem) {
    $("#results").empty().append('<label>'+elem.ptitle+' is in '+elem.category+'</label><br>');
});