javascript - 使用 JavaScript 从本地 HTML5 网络应用加载 JSON

Question

我正在开发一个小型 HTML5 网络应用程序，用户可以跨平台通过浏览器离线使用。他们将收到 CD 或 U 盘上的 wep 应用程序，然后双击 HTML 文件。然后 HTML 文件从同一目录/子目录加载 CSS、JavaScript 文件等......所有这些都是本地的。

到目前为止，一切都很好。但我还想加载一个包含 JSON 的文件(也是本地文件，来自同一目录)，并使用该数据构建 DOM 的一部分。

    $.getJSON("playlistcontent.json", function (json) {
        //use the data...
    });

在这里我遇到了著名的

Origin null is not allowed by Access-Control-Allow-Origin

错误。关于这个的资源很多，甚至相当similar questions .但由于这是有意在本地进行的，因此建议的解决方案不起作用。

但是，由于 AJAX 是“异步”的，我认为可能有更“同步”或更好的方法吗？ JSONP 呢？

注意:我知道我可以在禁用安全检查的情况下启动浏览器(尤其是 Chrome)，但这对我的用户来说不是一个选项。

Answer 1

我回答过类似的问题here .

您可以使用 HTML5 的 File API，其中包含一个 FileReader，然后对结果调用 JSON.parse。