首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用HTML5从本地JavaScript web应用程序加载JSON

使用HTML5从本地JavaScript web应用程序加载JSON
EN

Stack Overflow用户
提问于 2013-02-14 20:16:37
回答 3查看 6.5K关注 0票数 4

我正在开发一个小型的HTML5网络应用程序,用户可以使用他们的浏览器离线,跨平台。他们将在CD或USB上接收wep应用程序,并双击HTML文件。该HTML文件然后加载CSS,JavaScript文件等..。所有本地目录/子目录都来自同一目录/子目录。

到目前为止一切都很好。但是我也希望加载一个包含JSON的文件(也是本地的,也是本地的),并使用这些数据构建部分DOM。

代码语言:javascript
运行
复制
    $.getJSON("playlistcontent.json", function (json) {
        //use the data...
    });

在这里,我遇到了著名的

访问控制-允许-原产地不允许原产地空值。

错误。关于这一点有很多资源,甚至是相当的similar questions。但是,由于这是有意在本地进行的,因此所提出的解决方案不起作用。

但是,由于AJAX是“异步”的,所以可能有一种更“同步”或其他更好的方法?那JSONP呢?

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

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-02-14 20:39:33

我会使用Felix对JSONP的方法。将数据文件包装在回调函数中:

代码语言:javascript
运行
复制
(function(data) {
  // Do things with your data object here
})(
  // Put your data object here as the argument to the callback
);

当您将此脚本文件包含在标记中时,回调函数将自动执行。

票数 1
EN

Stack Overflow用户

发布于 2013-02-14 20:24:37

我回答了一个类似的问题,here

您可以使用HTML5 5的File (其中包括一个FileReader ),然后对结果调用JSON.parse

票数 4
EN

Stack Overflow用户

发布于 2013-02-14 20:23:57

我喜欢Felix的方法,如果您只需要JSON数据,可以通过设置JS变量并使用脚本标记加载JSON文件来加载数据。但是,如果这还不足以满足您的需要,您可以使用像http://www.server2go-web.de/这样的解决方案,它将从CD运行you服务器,从而绕过本地文件限制。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14883277

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档