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

  显示原文与译文双语对照的内容
93 1

为了读取JSON文件和打印数据,我在本地系统中保存了一个JSON文件,并创建了一个JavaScript文件,例如。下面是 JSON file:

{"resource":"A","literals":["B","C","D"]}

我们假设这是 JSON file:的路径/Users/Documents/workspace/test.json

任何人能否帮助我编写一个简单的代码来读取JSON文件并在JavaScript中打印数据 inside?

时间:原作者:0个回答

99 3

不能对本地资源进行AJAX调用,因为请求使用 HTTP 。

解决办法是运行本地服务器,提供文件并对本地主机进行AJAX调用。

在帮助你编写读取JSON的代码方面,你应该阅读 jQuery.getJSON()的文档:

http://api.jquery.com/jQuery.getJSON/

原作者:
106 4

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

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文件中获取对象

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

有关更多信息,请参见这里参考文档。

原作者:
...