JQuery.getJSON（）读取本地文件

Question

如何使用JQuery.getJSON（）读取当前目录中的文件？

我正在尝试一些简单的事情（将我的data.json文件放在与我的html文件相同的目录中）：

$.getJSON("./data.json")

我收到错误：

XMLHttpRequest无法加载file：/// C：/Projects/test/data.json。 Access-Control-Allow-Origin不允许使用null。

我尝试了各种路径组合，但它似乎不起作用......

编辑：我正在使用Chrome，但我想在所有浏览器中工作......

Answer 1

如果您使用的是谷歌浏览器，则有意将file:///路径上的AJAX永远无效。

crbug / 40787

Answer 2

这是因为您直接从硬盘驱动器运行Web文件。 这有各种各样的陷阱，其中一个是你找到的。 理想情况下，您希望在服务器环境中工作，甚至在本地工作。 您可以安装（免费）本地LAMP服务器，如XAMPP 。 然后，您将能够使用本地AJAX。

Answer 3

这不是关于道路的

这是一个跨域问题

基本上你需要在你的URL中添加一个回调，以便jQuery可以自动将请求类型从json更改为jsonp

有关详细信息 ，请参阅此帖

Answer 4

安装本地LAMP服务器的另一种方法是使用python的简单HTTP服务器。 只要你安装了python，只需打开bash并使用python解释器。

对于python 2使用：

python -m SimpleHTTPServer 8000

对于python 3使用：

python -m http.server 8000

然后只需将浏览器指向localhost：8000即可访问该文件，如果它位于同一目录中，则不会有任何问题。