Javascript从对象获取键和值
我是全新的javascript,在加载到网页之前从ajax请求中提取数据时遇到了问题 来自ajax请求的数据类似于:Javascript从对象获取键和值,javascript,Javascript,我是全新的javascript,在加载到网页之前从ajax请求中提取数据时遇到了问题 来自ajax请求的数据类似于: { "success": { "user1": [ ["2018-01-30", { "Type": "None", "Body": "Message 2" }], ["2018-01-29", { "Type": "None",
{
"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"
}]
]
}
我可以使用下面的代码提取类型
和正文
数据,其中列出了网页上的所有项目
$.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>`)
});
});
})
$.ajax(
{
url:“/ajax\u获取消息”,
键入:“获取”,
数据类型:“json”
}).done(功能(消息)
{
$.each(messages.success,函数(索引,消息)
{
$(“#消息”)。追加(`
新发件人`)
$.each(消息、函数(索引、项)
{
$(“#消息”)。追加(`
日期:${item[0]}类型:${item[1]['Type']}正文:${item[1]['Body']}
`)
});
});
})
我正在努力做的是获取用户名user1
、user2
等,并将其放在“新发件人”的位置,以便将来自用户的所有消息分组到它自己的div中。我查看了Object.keys,但这似乎不正确
我也意识到,由于代码<> $,添加到HTML的操作不正确。中间的每一个(消息,函数(索引,项)< /代码>。有没有办法解决这个问题?
< p>您提供的JSON无效,但是我清理了它。您应该能够在第一个循环中使用<代码>索引<代码>以获得名称:。 您可以始终console.log
记录任何循环中的当前元素,以准确查看您可用的内容
这看起来与类似。您粘贴的json出现语法错误。您应该用正确的json响应替换它。非常感谢。索引用于用户名。有没有办法使标记进入内部?目前,标签以标记外部结束。哦,很抱歉,我错过了问题中的这一部分-是的,有。如果我如果是您,我会将
.message
构建为HTML对象,然后在完成后添加它: