JavaScript读取本地文件方式:
假如有本地文件:authors.json
内容为:
[
{
"name": "Kwan-Liu Ma",
"num": 356
},
{
"name": "Huamin Qu",
"num": 241
},
{
"name": "Wei Chen",
"num": 585
},
{
"name": "Shixia Liu",
"num": 120
},
{
"name": "Xiaoru Yuan",
"num": 120
},
{
"name": "Yingcai Wu",
"num": 91
}
]
目前已掌握两种方式读进代码里:
1、引入jQuery
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
$.get('./authors.json', function (data) {
//读进了data变量中
//接下来用到data的代码必须全部在此函数内部进行
})
2、 本人学过D3.js库,里面有一个函数可将文件读进代码
引入d3.js
<script src="http://d3js.org/d3.v3.js"></script>
d3.json("authors.json", function(error, authordata) {
if(error) console.error(error);
//读进了authordata变量
//接下来用到authordata的代码必须全部在此函数内部进行
});