0

我已经阅读了 Stack Overflow 上所有与该主题相关的帖子——我提炼了我认为我需要的东西……而我所拥有的仍然不起作用。

我想将数据加载到表中 - 使用 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 中的响应正确返回 - 或者至少是我所期望的。Firebug 中的 JSON 选项卡显示了正确的数组 - 所以我相信我的格式正确。

有什么帮助吗？我想我无法继续将数据放入表中，直到我通过“对响应的错误检查... :(

4

1 回答 1

3

如果请求有问题，您的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-21T18:53:08.780 回答