javascript读取本地json

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



$.get('./authors.json', function (data) {

//读进了data变量中
//接下来用到data的代码必须全部在此函数内部进行

})

 

 

2、 本人学过D3.js库,里面有一个函数可将文件读进代码

      引入d3.js

    



d3.json("authors.json", function(error, authordata) {
   if(error) console.error(error);
    //读进了authordata变量
    //接下来用到authordata的代码必须全部在此函数内部进行

});