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.j
<script src="http://d3js.org/d3.v3.js"></script> d3.json("authors.json", function(error, authordata) { if(error) console.error(error); //读进了authordata变量 //接下来用到authordata的代码必须全部在此函数内部进行 });