API에서 JSON 출력 인쇄

Question

jQuery를 사용하여 JSON 데이터를 인쇄하는 중에 문제가 발생합니다.

JSON 출력 :

[ 
{"id":"1", "product_name":"banana", "price":"10"}, 
{"id":"2", "product_name":"apple", "price":"15"}, 
{"id":"3", "product_name":"pineapple", "price":"20"} 
] 

내가 API의 JSON 출력에서 ​​데이터를 검색 getJSON()을 사용했다. 위의 코드는 출력 아무것도하지 않는 것

data = $.parseJSON(data); 
$.each(data, function(key, value) { 
    $('p').append(key + ':' + value); 
}); 

:

는 JSON 출력을 인쇄하려면, 내가 jQuery를 사용했다.

어디로 잘못 가고 있습니까?

Answer 1

첫째, 당신의 날짜가 이미 JSON 것으로 보인다하려고, 그래서 당신은 $.parseJSON(data);을 필요가 없습니다. 배열의 각 항목을 반복합니다. //json.parser : 당신의 JSON은 [여기] (HTTP를 구문 분석하는 잘못된 시도가 Live demo (click).

var data = [ 
    { 
    "id":"1", 
    "product_name":"banana", 
    "price":"10" 
    }, 
    { 
    "id":"2", 
    "product_name":"apple", 
    "price":"15" 
    }, 
    { 
    "id":"3", 
    "product_name":"pineapple", 
    "price":"20" 
    } 
]; 

$.each(data, function(i, obj) { 
    $.each(obj, function(key, value) { 
    $('p').append(key + ':' + value); 
    }); 
}); 

Answer 2

첫째, 당신의 JSON은 당신이 getJSON()을 사용하고 서버 응답이 그 라인 correctly..remove JSON에있는 경우 JSON을 구문 분석 할 필요가 없습니다 그것은 작동합니다 ... 둘째
유효하지 않습니다

는이

$.each(data, function(key, value) { 
    $('p').append(key + ':' + value); 
});