, как получить доступ к каким возвращает 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

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

Answer 2

Согласно документации, первый параметр для each является индексом элемент а второй - это сам предмет. Кроме того, плохой идеей является пустой контейнер results на каждой итерации.

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

Answer 3

have a look at the docs. обратный вызов использует индекс параметров и значение, сделать это как:

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