Question

关于json 输出到html页面js读取json问题

<div id="box"></div>
<script type="text/javascript">
window.onload = function() {
var json = [{
"resname": "百度",
"resimg": "http://www.baidu.com/1.jpg",
"pageview": "100"
}];
var tmp = "<ul>";
for (var i = 0; i < json.length; i++) {
tmp += "<li>名字：" + json[i].resname + "</li>" +
"<li><img src='" + json[i].resimg + "' /></li>" +
"<li><a download href='" + json[i].resurl + "'>" + json[i].resurl + "</a></li>" +
"<li>查看数：" + json[i].pageview + "</li>"
}
tmp += "</ul>";
document.getElementById("box").innerHTML = tmp;
} </script> 请问如何将 var json = xxxx
}]; 这段内容放至data.json文件，用文件的形式来读取，下面的代码结构不变。请大神帮助写一下，高分求救。

Answer 1

<div id="box"></div>
<script src="data.json"></script>
<script type="text/javascript">
window.onload = function() {
var tmp = "<ul>";
for (var i = 0; i < json.length; i++) {
tmp += "<li>名字：" + json[i].resname + "</li>" +
"<li><img src='" + json[i].resimg + "' /></li>" +
"<li><a download href='" + json[i].resurl + "'>" + json[i].resurl + "</a></li>" +
"<li>查看数：" + json[i].pageview + "</li>"
}
tmp += "</ul>";
document.getElementById("box").innerHTML = tmp;
}
</script>

data.json:

var json = [{
"resname": "百度",
"resimg": "http://www.baidu.com/1.jpg",
"pageview": "100"
}];