使用JSON对象为每个'；正在使用JavaScript填充JSON
我有一个大div，它应该显示JSON对象的列表。每个对象都应该是不同的DIV元素，每个对象的细节很少，类似地一个接一个使用JSON对象为每个'；正在使用JavaScript填充JSON,javascript,json,Javascript,Json,我有一个大div，它应该显示JSON对象的列表。每个对象都应该是不同的DIV元素，每个对象的细节很少，类似地一个接一个 我在一个页面中有一个注释，它的详细信息以{author，id，comments，time}的形式存储在JSON对象中，因此我希望将特定页面中的所有注释列表放入一个DIV中。每个注释都应该是父DIV的子DIV（显示作者姓名、注释和注释时间） <!doctype html> <html lang="en"> <head> <meta c
我在一个页面中有一个注释，它的详细信息以{author，id，comments，time}的形式存储在JSON对象中，因此我希望将特定页面中的所有注释列表放入一个DIV中。每个注释都应该是父DIV的子DIV（显示作者姓名、注释和注释时间）
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<!--<script src="app1.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"/>
</head>
<body>
<div id="placeholder1"></div>
<div id="placeholder2"></div>
<script>
var data={
"firstName":"Ray",
"lastName":"Villalobos",
"joined":2012
};
var data1={
"firstName":"John",
"lastName":"Doe",
"joined":2013
};
document.getElementById("placeholder1").innerHTML=data.firstName+" "+data.lastName+" "+data.joined;
document.getElementById("placeholder2").innerHTML=data1.firstName+" "+data1.lastName+" "+data1.joined;
</script>
</body>
</html>
var数据={
“名字”：“雷”，
“姓氏”：“Villalobos”，
“加入”：2012年
};
变量数据1={
“名字”：“约翰”，
“姓氏”：“能源部”，
“加入”：2013年
};
document.getElementById（“占位符1”）.innerHTML=data.firstName+“”+data.lastName+“”+data.joined；
document.getElementById（“占位符2”）.innerHTML=data1.firstName+“”+data1.lastName+“”+data1.joined；
div{填充：4px；边框：1px红点；字体系列：单空格；字体大小：10px；}
h2{字体系列：“永久标记”，草书；字体大小：24px；颜色：steelblue；}
一个有数据的超级大DIV
函数回调（数据）{
document.getElementById（'BIG_DIV'）。innerHTML=getKeys（数据）；
}
功能获取键（obj）{
var键，html=''；
用于（输入obj）{
如果（对象[key]=='object'）html+=''+获取键（对象[key]）+''；
else html++=''+key+'：'+obj[key]+''；
}
返回html；
}