jQuery를 사용하여 JSON으로 테이블 채우기

이 항목을 참조하는 스택 오버플로에 대한 모든 게시물을 읽었습니다. 필자는 필자가 생각한 것을 소용돌이 쳤습니다.jQuery를 사용하여 JSON으로 테이블 채우기

jQuery를 사용하여 테이블에 데이터를로드하고 싶습니다. (js가이 방법을 사용하지 않는 한) 여기에 제 코드가 있습니다.

[옆 질문 - 응답 개체를 화면에 덤프 할 수있는 방법이 있습니까? 그래서 모든 요소가 유용하다는 것을 알 수 있습니까? ]

메인 페이지 여기

<html> 
<head><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script></head> 
<body> 
<table> 
    <tbody id="testBody"> 
    </tbody> 
</table> 

<script> 
$(document).ready(function() { 
$('#testBody').html('Here We Go...<br/>'); 

$.ajax({ 
type: "POST", 
url: "ajax_list_json.htm", 
dataType: "json", 
success: function (response) { 
    if(response.success) { 
     //...do something... 
     $('#testBody').html('<p>We were successful!</p>'); 
    } else { 
     //...tell user there was a problem... 
     $('#testBody').html('<p>There was a problem on the server... Dang.</p>'); 
     //$('#testBody').append(response); // was trying to dump the response 
    } 
} 

}) 

}); 
</script> 
</body> 
</html>

그리고이 현재 하드 형식으로 코딩 내가 다시 보내고있어 JSON ... 입니다 -하지만 난 그게 동적 내 처리가 가능한 한 빨리 구울 수 있습니다 옳은.

{ 
"people": [ 
    { "firstName":"John" , "lastName":"Doe" }, 
    { "firstName":"Jane" , "lastName":"Smith" }, 
    { "firstName":"Rusty" , "lastName":"Morals" }, 
    { "firstName":"oo'ja" , "lastName":"d'Addy" }, 
    { "firstName":"Wink" , "lastName":"Martindale" }, 
    { "firstName":"Woody" , "lastName":"Knowl" }, 
    { "firstName":"Tom" , "lastName":"Thumb" }, 
    { "firstName":"Peter" , "lastName":"Pan" } 
] 
}

파이어 버그의 응답이 올바르게 되돌아옵니다. 및 Firebug의 JSON 탭에서 올바른 배열을 표시합니다. 따라서 올바르게 형식화되었다고 생각합니다.

어떤 도움이 필요합니까? 나는 '응답 오류 검사'를 지나칠 때까지 데이터를 테이블에 집어 넣을 수 없다고 생각합니다. (

출처

2013-01-21 jpmyob

당신이 성공을 테스트하는 이유는 확실하지가 * 내부 * 성공 콜백이 사이트에 – Blazemonger

누군가가 추천 ... – jpmyob

요청에 문제가 있으면 success 콜백이 수행되지 않습니다. .. 화재

json으로 직접 success 콜백으로 전달되는 :

$.ajax({ 
    type: "POST", 
    url: "ajax_list_json.htm", 
    dataType: "json", 
    success: function (JSONdata) { 
     // all's good, loop through your JSONdata 
    }, 
    error: function() { 
     // there's an error 
    } 
});

출처

2013-01-21 18:53:08

jQuery를 사용하여 JSON으로 테이블 채우기

답변

관련 문제