Javascript 从对象获取键和值

Question

我对 javascript 很陌生，在加载到网页之前无法从 ajax 请求中提取数据。

来自ajax请求的数据类似于:

{
"success": {
    "user1": [
        ["2018-01-30", {
            "Type": "None",
            "Body": "Message 2"
        }],
        ["2018-01-29", {
            "Type": "None",
            "Body": "Message 1"
        }]
    ],
    "user2": [
        ["2018-01-28", {
            "Type": "None",
            "Body": "Message 2"
        }],
        ["2018-01-27", {
            "Type": "None",
            "Body": "Message 1"
        }]
    ],
    "user3": [
        ["2018-01-26", {
            "Type": "None",
            "Body": "Message 2"
        }],
        ["2018-01-25", {
            "Type": "None",
            "Body": "Message 1"
        }]
    ]
}

我可以使用以下代码提取 Type 和 Body 数据，其中列出了网页上的所有项目。

$.ajax(
        {
            url : '/ajax_get_messages',
            type: "GET",
            dataType : 'json'
        }).done(function(messages)
        {
            $.each(messages.success, function(index, message)
            {
                $('#messages').append(`
                    <div class='message'>New Sender`)

                $.each(message, function(index, item)
                {
                    $('#messages').append(`
                        <p>Date: ${item[0]} | Type: ${item[1]['Type']} | Body: ${item[1]['Body']}</p>
                    </div>`)
                });
            });
        })

我正在努力做的是获取用户名user1、user2等并将其放在“新发件人”的位置，因此来自用户被分组在它自己的 div 中。我查看了 Object.keys 但这似乎不正确。

我还知道由于中间的 $.each(message, function(index, item) ，附加到 html 无法正常工作。有没有办法解决这个？

Answer 1

您提供的 JSON 无效，但我已将其清理。您应该能够在第一个循环中使用 index 来获取名称:

Here's an example

您始终可以console.log任何循环中的当前元素，以准确查看可用的内容