在Javascript中,如何读取外部的本地JSON文件?

在我的本地系统中保存了一个JSON文件,同时创建了一个Javascript文件,以便读取JSON文件并alert数据

要使用javascript读取外部本地JSON文件(data.json),
首先创建你的data.json文件:

data = '[{"name" : "Ashwin", "age" : "20"},{"name" : "Abhinandan", "age" : "20"}]';

然后在脚本源中引用json文件的路径以及javascript文件。

<script type="text/javascript" src="data.json"></script>
<script type="text/javascript" src="javascrip.js"></script>

最后从json文件获取对象,需要注意的是,实际上是把json数据当做javascript代码来使用了。

var mydata = JSON.parse(data);
alert(mydata[0].name);
alert(mydata[0].age);
alert(mydata[1].name);
alert(mydata[1].age);

https://www.zhihu.com/tardis/sogou/art/323773922
参考这就行


<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
 
$.get('./authors.json', function (data) {
 
//读进了data变量中
//接下来用到data的代码必须全部在此函数内部进行
 
})