用 jQuery 处理 JSON 对象？

Question

我在处理从 AJAX 请求返回的 JSON 对象时遇到问题。

这是一个简单的平面 JSON 对象，我要做的就是将响应写回页面。

谁能指出如何遍历这些对象并输出值？我只是不断收到[undefined] 或[object] 的写信

代码在这里：

$.ajax({  
          type: "POST",  
          url: "func/chatResponse.php",  
          data: dataString,  
          success: function() {  
            $.getJSON('func/chatResponse.php?a=jsonLatest', function(data) {
                $.each(data, function(index) {
                    //items.push('<li id="' + key + '">' + val + '</li>');
                    $('body').append('<li id="' + data.user + '">' + data.user + '</li>');
                    alert(data);
                 });
            });
            alert("done");
          }  
        });  

此处为 JSON 示例

[
    {"user":"someguy","message":"my message","timestamp":"2011-04-19 17:26:09"},
    {"user":"Cheyne","message":"Hey There ...  Nice site","timestamp":"2011-04-19 17:26:09"}
]

Answer 1

data 是数组，而您想要数组中的项目。

$.each 不会将 data 更改为项目，而是将单个项目作为第二个参数传递给您提供的函数：

$.each(data, function (index, item) {
    // Use item in here
    $('body').append('<li id="' + item.user + '">' + item.user + '</li>');
});

或者，您可以使用data[index]：

$.each(data, function (index) {
    // use data[index] in here
    $('body').append('<li id="' + data[index].user + '">' + data[index].user + '</li>');
});

---

顺便说一句，避免丑陋的字符串连接：

$('<li>', {id: item.user, text: item.user}).appendTo('body');

Answer 2

你想要的是

                 $.each(data, function(index) {
                    //items.push('<li id="' + key + '">' + val + '</li>');
                    $('body').append('<li id="' + data[index].user + '">' + data[index].user + '</li>');
                    alert(data);
                 });