在JS中加载本地json文件

时间:2014-04-12 23:42:02

标签: javascript jquery json

我需要在JavaScript中加载我的应用程序中的JSON文件。

json文件是这样的:

{
  "list": [
    {
      "item1": "text",
      "item2": "text",
      "item3": "text",
      "item4": "text"
    },
    {
      "item1": "text",
      "item2": "text",
      "item3": "text",
      "item4": "text"
    },
    ...
  ]
}

我已经搜索过,但我总是使用AJAX和PHP找到解决方案,但我不会(并且我不能)使用任何PHP服务器。所以我从jQuery和getJson()函数的角度看了一下,但是这样做不起作用,JavaScript JSON.parse()对我的文件不起作用

那么,您是否知道如何使用JavaScript或任何其他API加载本地文件?

1 个答案:

答案 0 :(得分:2)

您无法使用javascript打开本地文件。浏览器不允许您,这是一个安全问题。 (除了使用HTML5 FileAPI外,我不认为这就是你的要求)

但是,您可以将.json文件放在Web服务器上,并使用jquery通过URL加载。

$.getJSON("http://yourdomain.com/somefolder/test.json", function( data ) {
  //do something here with json data
});

http://api.jquery.com/jquery.getjson/