读写移动应用程序的JSON文件

Question

我正在开发一个移动应用程序。 由于我想要一个可以在多个平台上使用的解决方案，因此我从Cordova开始。 由于我要处理的数据很多，视图也很多，因此我决定使用Ember 。

我需要使用数据库中相当频繁更新的三个不同的JSON数据集。 为了使移动应用程序能够脱机工作，我将必须存储JSON数据，并在更改数据库时更新它们。

问题

1. 如何从其他服务器（CORS被阻止）检索JSON？
2. 如何将检索到的JSON保存在设备上？ [ HTML5 LocalStorage （首选）或FileAPI]
3. 如何读取JSON文件并将数据作为模型发送到模板？ （我猜Ember.$.getJSON可以做到这一点）

欢迎任何帮助。 谢谢！

更新1

1. 由于我在使用Ember-data时遇到了很多问题，因此我没有在应用程序中使用它。
2. 找到了与Ajax跨域链接

更新2

只能通过JSONP或通过在服务器的响应中设置ACCESS-CONTROL-ALLOW-ORIGIN来解决CORS（我尝试了许多其他解决方案，但均失败了）

由于api在我的服务器中，因此我做了后者。

对于2和3 ，我想我可以使用这个SO问题

Answer 1

这是我发现的：

1. 来自其他域中的服务器的JSON数据您无法从另一个域中的服务器读取JSON数据。 这是由于在浏览器中实施的同源策略 。 浏览器将检索您的JSON但不允许您访问JSON 。 有两个解决方案（AFAIK）解决此问题：

   • 使用JSONP-我不会详细介绍，但是有很多可用的链接。

   • 允许来自服务器的 CORS-服务器发送JSON化数据时，您可以为ACCESS-CONTROL-ALLOW-ORIGIN添加其他头。 从服务器检索JSON后，浏览器将检查此标头是否阻止或允许CORS 。 我使用了一些装饰器来添加crossdomain标头，然后在浏览器中成功读取了我的数据。

2. 保存JSON数据 HTML5使一切变得更加容易。 在您的JavaScript中，您只需要使用：

    localStorage["application.state.data"] = JSON.stringify(json); 

   要么

    localStorage.setItem("application.state.data", JSON.stringify(json)); 

3. 检索工作原理相同

    var data = JSON.parse(localStorage["application.state.data"]); 

   要么

    var data = JSON.parse(localStorage.getItem("application.state.data"));