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

Question

我在本地系统中保存了一个 JSON 文件并创建了一个 JavaScript 文件，以便读取 JSON 文件并打印数据。这是 JSON 文件:

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

假设这是 JSON 文件的路径:/Users/Documents/workspace/test.json。

谁能帮我写一段简单的代码来读取 JSON 文件并用 JavaScript 打印数据？

Answer 1

要使用 javascript 读取外部本地 JSON 文件 (data.json)，请先创建 data.json 文件:

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

那么，

1. 将脚本源中json文件的路径与javascript文件一起提及

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

2. 从json文件中获取对象

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

有关详细信息，请参阅 this reference .