在html中显示嵌套的json对象
在html中显示嵌套的json对象
提问于 2019-06-10 08:05:43
我想在网页上显示传入的消息。我有一个指向JSON文件的url，数据看起来像这样…
[
{
"created_at": "2019-06-08T10:30:52Z",
"data": {
"name": "Me",
"email": "me@example.com",
"is-org-bedrijf": "on",
"org-bedrijf": "",
"onderwerp": "meer info",
"bericht": "bericht",
"job-logo-deadline": "",
"digitaal-deadline": "",
"drukwerk-deadline": "",
"flex-floc-kleuren": "transparant",
"job-flex-floc-deadline": "",
"andere-beschrijving": "",
"andere-deadline": "",
"g-recaptcha-response": ""
},
"folder": null,
"id": 3250210,
"referrer": "https://lennertderyck.be/contact/form",
"request_ip": "78.23.211.248",
"spam": null
}
]如何访问javascript循环中的信息？显示数据不是问题，它访问嵌套对象中的数据。
这就是我尝试过的
fetch('file.json')
.then(function (response) {
return response.json();
})
.then(function (source) {
appendData(source);
})
.catch(function (err) {
console.log('error: ' + err);
});
function appendData(source) {
var mainContainer = document.getElementById("myData");
for (var i = 0, il = source.length; i < il; i++) {
var div = document.createElement("div");
div.innerHTML = 'Id: ' + source[i].id;
mainContainer.appendChild(div);
for (var j = 0; jl = source[i].data.length; j++) {
console.log(source[i].data[j].name)
}
}
}回答 1
Stack Overflow用户
回答已采纳
发布于 2019-06-10 08:11:35
因为这不是遍历对象的方式。使用for...in循环来实现，如下所示：
for (var item in source[i].data) {
console.log(source[i].data[item].name);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56519230
复制相关文章
相似问题