javascript - 无需服务器加载 JSON 文件

Question

我有一个很大的 json 文件 (+-10mb)。我想在 HTML 网页中的 Javascript 函数中加载此 json 文件 (myjson.json)。我在 google 上找到了很多答案，其中提到“重命名为 myjson.js”并添加 var data = "yourjson" 并在您的 html 文件中包含 myjson.js 并访问变量数据。这不是我想要的。我想加载 JSON 文件而不重命名/更改它并且没有网络服务器(无 AJAX)。

有人可以帮助我吗？

  $.getJSON('myjson.json', function(myjson) {...}

不会工作。

包含 css 和 js 函数如此简单，为什么在没有网络服务器的情况下访问本地存储的 json 文件如此不可能？

编辑:json 文件第一行

[{"participants": ["a", "b"], "conversation": [{"sender": "b", "created_at": "2019-09-23T22:04:42.083698+00:00", "text": "xxx"},

编辑:添加我的js以进行澄清

编辑:不能，因为我使用的是移动设备，代码格式在这里不起作用

Answer 1

不幸的是，XHR 和 Fetch API 都与 HTTP 密不可分，除非涉及 HTTP 服务器，否则不能用于从相对路径加载资源。如果您通过 file: 加载页面URL，您将无法使用 XHR 或 Fetch 来获取该数据。

只有两种方法可供您使用:

• 切换到 JavaScript 而不是常规 JSON 并使用 <script>标签(如之前在另一个答案中向您建议的那样)

• 允许用户拖放 JSON 文件(或使用 <input type="file"> )来获取随后可以加载的文件引用。