如何使用JavaScript读取本地json文件？

Question

我想最好使用JS / jQuery从本地JSON文件中加载数据。

我知道至少有10个关于SO的问题具有相同的答案。

我不要那些 在所有这些答案中，我得到一个“ jquery.min.js:4 XMLHttpRequest cannot load file:///C:/Users/.../js.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource. ”

请为我提出解决方案。 如果您的建议是设置服务器并在此处托管文件，然后使用它，请帮助我吗？

欢迎任何可能的工作建议（使用脚本标记的旧add json等除外）。 谢谢。

Answer 1

您正在向本地文件系统发出http请求，这是不可能的。

使用文件API来检查对HTML5的有限支持，但我仍然怀疑您想要什么。

http://www.html5rocks.com/zh-CN/tutorials/file/dndfiles/

Answer 2

使用JSON服务器https://github.com/typicode/json-server来运行本地JSON服务器，而不是直接访问磁盘。

Answer 3

您应该使用本地Web服务器，例如XAMPP / LAMP / MAMP或IIS / Apache。 这里应该提供一个相关的问题。 如果您真的只想要文件系统，则另一种可能有效的解决方案是使用iframe和HTML5 FileSystem API。

编辑：设置XAMPP时，将文件放入htdocs后，您可能必须设置标头Access-Control-Allow-Origin * 。 可以通过将其放入htdocs目录中的.htaccess文件中来实现：

Header set Access-Control-Allow-Origin "*"