json - 为什么 $.each 说这个 JSON 对象未定义？

Question

这是我的 JavaScript:

$.post('foo.php', { request: Request }, function(data)
{
    $.each(data.chats, function(i, chat)
    { ... });
});

这是经过 Firebug 和其他所有内容验证的 JSON，此代码正在接收:

{
    "chats": [
        {
            "chat_id": "22",
            "user_status": "Listening",
            "user_ping": "2010-06-22 15:53:57",
            "messages": [
                {
                    "chat_id": "22",
                    "line_id": "5",
                    "message": "Hello",
                    "timestamp": "15:53"
                }
            ]
        }
    ]
}

...那么为什么当我运行这个时，它不起作用，Firebug 会抛出“对象未定义”的错误，并链接到 jquery.js 第 552 行上的“length = object.length” ，并在我执行 console.log(data.chats) 时显示“未定义”？ console.log(data) 显示完整的 JSON 响应，但由于某种原因它不想处理 data.chats...我已将错误范围缩小到“$.each”行。

我有理由确信这是一个非常简单的错误，当有人向我指出这一点时我会捂脸，但此时我完全困惑了。 (是的，“聊天”应该是一个 JSON 数组，以便将来处理多个聊天，与消息相同。)

Answer 1

告诉它您需要 JSON —— 默认情况下它会将响应视为 html。

$.post('foo.php', { request: Request }, function(data) 
{ 
    $.each(data.chats, function(i, chat) 
    { ... }); 
}, 'json');