我正在开发一个小型的HTML5网络应用程序,用户可以使用他们的浏览器离线,跨平台。他们将在CD或USB上接收wep应用程序,并双击HTML文件。该HTML文件然后加载CSS,JavaScript文件等..。所有本地目录/子目录都来自同一目录/子目录。
到目前为止一切都很好。但是我也希望加载一个包含JSON的文件(也是本地的,也是本地的),并使用这些数据构建部分DOM。
$.getJSON("playlistcontent.json", function (json) {
//use the data...
});
在这里,我遇到了著名的
访问控制-允许-原产地不允许原产地空值。
错误。关于这一点有很多资源,甚至是相当的similar questions。但是,由于这是有意在本地进行的,因此所提出的解决方案不起作用。
但是,由于AJAX是“异步”的,所以可能有一种更“同步”或其他更好的方法?那JSONP呢?
注意:我知道我可以在禁用安全检查的情况下启动浏览器(特别是Chrome),但对于我的用户来说,这不是一个选项。
发布于 2013-02-14 20:39:33
我会使用Felix对JSONP的方法。将数据文件包装在回调函数中:
(function(data) {
// Do things with your data object here
})(
// Put your data object here as the argument to the callback
);
当您将此脚本文件包含在标记中时,回调函数将自动执行。
发布于 2013-02-14 20:24:37
我回答了一个类似的问题,here。
您可以使用HTML5 5的File (其中包括一个FileReader
),然后对结果调用JSON.parse
。
发布于 2013-02-14 20:23:57
我喜欢Felix的方法,如果您只需要JSON数据,可以通过设置JS变量并使用脚本标记加载JSON文件来加载数据。但是,如果这还不足以满足您的需要,您可以使用像http://www.server2go-web.de/这样的解决方案,它将从CD运行you服务器,从而绕过本地文件限制。
https://stackoverflow.com/questions/14883277
复制相似问题