Javascript 在html中显示嵌套的json对象
我想在网页上显示传入的消息。我有一个指向JSON文件的url,数据如下所示Javascript 在html中显示嵌套的json对象,javascript,html,arrays,json,object,Javascript,Html,Arrays,Json,Object,我想在网页上显示传入的消息。我有一个指向JSON文件的url,数据如下所示 [ { "created_at": "2019-06-08T10:30:52Z", "data": { "name": "Me", "email": "me@example.com", "is-org-bedrijf": "on", "org-bedrijf": "", "onderwerp": "meer i
[
{
"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)
}
}
}
fetch('file.json')
.然后(功能(响应){
返回response.json();
})
.then(函数(源){
附件数据(来源);
})
.catch(函数(err){
log('error:'+err);
});
函数追加数据(源){
var mainContainer=document.getElementById(“myData”);
对于(var i=0,il=source.length;i
因为这不是迭代对象的方式。在循环中为…执行以下操作:
for (var item in source[i].data) {
console.log(source[i].data[item].name);
}
现在我在控制台中得到14次未定义。但当我删除名称并仅使用source[I].data[item]时,所有数据都会正确显示。