怎样将json格式的数据输出到html页面?

比如获得的json是这样:{"a":"内容1","b":"内容2","c":"内容3","d":"内容4",......}html是这样的:<tr><tdid="a"><... 比如获得的json是这样:
{"a":"内容1",
"b":"内容2",
"c":"内容3",
"d":"内容4",
......}
html是这样的:
<tr><td id="a"></td>
</tr>
<tr><td id="b"></td>
</tr>
<tr><td id="c"></td>
</tr>
<tr><td id="d"></td>
</tr>......
展开
 我来答
匿名用户
2009-07-24
展开全部
var data = {"a":"内容1","b":"内容2","c":"内容3","d":"内容4",......};

document.getElementById("a").innerHTML = data["a"];

//以此类推
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
敏兴利雨灵
2020-03-01 · TA获得超过4087个赞
知道大有可为答主
回答量:3037
采纳率:34%
帮助的人:206万
展开全部
<html>
<head>
<meta
http-equiv=content-type
content="text/html;charset=GBK">
</head>
<body>
<table
border=0
cellspacing=0
cellpadding=0>
<tr>
<td
id="a">sdfsd</td>
</tr>
<tr>
<td
id="b">sdfsdf</td>
</tr>
<tr>
<td
id="c">sdfsd</td>
</tr>
<tr>
<td
id="d">sdfsdf</td>
</tr>
</table>
</body>
<script>
var
jsonStr
=
"{\"a\":\"内容1\",
\"b\":\"内容2\",\"c\":\"内容3\",\"d\":\"内容4\"}";
var
jsonObj
=
eval("("
+
jsonStr
+
")");
for(var
property
in
jsonObj){
var
nodeObj
=
document.getElementById(property);
if(nodeObj)
nodeObj.childNodes[0].nodeValue
=
jsonObj[property];
}
</script>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ajax_2003
推荐于2018-05-07 · TA获得超过4995个赞
知道大有可为答主
回答量:2628
采纳率:0%
帮助的人:2452万
展开全部
<html>
<head>
<meta http-equiv=content-type content="text/html;charset=GBK">
</head>
<body>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td id="a">sdfsd</td>
</tr>
<tr>
<td id="b">sdfsdf</td>
</tr>
<tr>
<td id="c">sdfsd</td>
</tr>
<tr>
<td id="d">sdfsdf</td>
</tr>
</table>
</body>
<script>
var jsonStr = "{\"a\":\"内容1\", \"b\":\"内容2\",\"c\":\"内容3\",\"d\":\"内容4\"}";
var jsonObj = eval("(" + jsonStr + ")");
for(var property in jsonObj){
var nodeObj = document.getElementById(property);
if(nodeObj)
nodeObj.childNodes[0].nodeValue = jsonObj[property];
}
</script>
</html>
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式