如何使用 javascript 读取本地 json 文件

Question

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

我知道SO

上至少有10个问题具有相同的答案。

我不想要那些。在所有这些答案中，我都得到了一个"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.

请向我建议一个解决方案。如果您的建议是设置服务器并在那里托管文件，请使用它，请帮我做吗？

欢迎任何可能的工作建议（除了使用脚本标签等添加 json 的旧方法）。谢谢。

Answer 1

使用 JSON 服务器

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

Answer 2

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

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

http://www.html5rocks.com/en/tutorials/file/dndfiles/

Answer 3

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

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

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