javascript - 在 jQuery $.each 中访问 JSON 中的多个对象/数组

Question

我正在尝试构建一个简单的页面来查看通过 JSON 和 jQuery 保存在 mysql 数据库中的消息。

我的 JSON 是

{"unread_msgs":[{"id":"6","title":"33333","user1":"19","timestamp":"1383747146","client_id":"Generic"},{"id":"5","title":"42142","user1":"19","timestamp":"1383740864","client_id":"Generic"}],"read_msgs":[{"id":"4","title":"test to addnrow","user1":"19","timestamp":"1383676647","client_id":"Generic"},{"id":"2","title":"kll","user1":"19","timestamp":"1383675548","client_id":"Generic"},{"id":"1","title":"jkjljklj","user1":"19","timestamp":"1382539982","client_id":"Generic"}],"urm_t":2,"rm_t":3}

我的JS

<script type="text/javascript">
function GetClientMsgs () {
    $.post("assets/server/client_msgs.php",{ client_id:local_client_id } ,function(data)
    {           
        var MsgData = $.parseJSON(data);
        console.log("Msg json data parsed");

        $.each(MsgData, function(key, value)
        {
          console.log(value);
            $('#unread_row').append('<td><a href="#read_pm" onClick="ReadMsg('+value.unread_msgs.id+'); return false;">'+value.unread_msgs.title+'</a></td><td><a href="#profile">'+value.unread_msgs.studioname+'</a></td><td>'+value.unread_msgs.timestamp+'</td><td><a href="#delete_msg" onClick="DeleteMsg('value.unread_msgs.id+'); return false;">X</a></td>');

            $('#read_row').append('<td><a href="#read_pm" onClick="ReadMsg('+value.read_msgs.id+'); return false;">'+value.read_msgs.title+'</a></td><td><a href="#profile">'+value.read_msgs.studioname+'</a></td><td>'+value.read_msgs.timestamp+'</td><td><a href="#delete_msg" onClick="DeleteMsg('+value.read_msgs.id+'); return false;">X</a></td>');
        });
    });
}                   
</script>        

PHP

$msgs = array('unread_msgs' => $dn1s, 'read_msgs' => $dn2s, 'urm_t' => $unread_msgs, 'rm_t' => $read_msgs);

$json = json_encode($msgs);

我正在尝试发布返回的值，例如 unread_msgs.title 或 .id，但无法访问任何对象。我在这里搜索过，但找不到适合我的结构的东西。非常感谢。

Answer 1

我会分别循环未读和已读结果，如下所示:

    $.each(MsgData.unread_msgs, function(key, value)
    {
      // code append to unread row
      console.log(value.id, value.title, "etc");
    });

    $.each(MsgData.read_msgs, function(key, value)
    {
      // append to append to read row
      console.log(value.id, value.title, "etc");
    });

将 json 粘贴到格式化程序中，例如 http://jsonformatter.curiousconcept.com/可以帮助您查看其结构。