解析JSON文件并在HTML中使用它
这个问题在这里已经有了答案：
假设该文件与您的html和css文件一起驻留。 您首先需要使用<script>标签将其放入当前页面。 另外，如果您希望能够访问.json文件中的所有对象，则将整个文件内容作为数组（如下所示）或父对象包装到变量中会更容易，
var myObj = [
{
"number": "001",
"name": "Jill",
"date": "2014. January 01."
},
{
"number": "002",
"name": "John",
"date": "2014. March 03."
}
]
那么在你访问这个文件的文件中可以把它的内容放在一个这样的东西里，
document.getElementById('divId').innerHTML = myObj[0].name;
另一方面，如果您通过AJAX请求从服务器接收此数据作为文本字符串，则可能需要在访问内容之前通过JSON.parse（）解析接收到的数据。
循环播放json，如下所示：
var obj = [{
"number": "001",
"name": "Jill",
"date": "2014. January 01."
},
{
"number": "002",
"name": "John",
"date": "2014. March 03."
}];
obj.forEach(function(v,k){
alert(v.name);
});
您需要将JSON字符串解析为一个对象：
var theJSONstring; //your JSON contents from the file
var jsonObject = JSON.parse(theJSONstring);
你可能可以像这样访问这些项目：
var secondNumber = jsonObject[1].number //"002"