HTML5离线存储/ Web SQL

Question

我被要求研究移动设备上的网络表单的离线存储选项（主要是iPad上的注册表单，用于大型活动，由于数量巨大且位置连接似乎总是一个问题）。

我想提出的是：

• 可以在连接时提交数据的表单，如果没有则可以在离线时存储。
• 定期检查连接并在能够时提交表单数据。

有人能指出我在正确的方向吗？

谢谢，

克里斯

Answer 1

听起来你只需要键/值对。 window.localStorage是你的朋友！

它的键/值存储通过页面刷新以及同一域中的所有页面持续存在（例如：运行window.localStorage.userName =“John Doe”;某处位于“http://www.somedomain.com/” index.html“然后当用户进入”http://www.somedomain.com/page2.html“时，如果你运行”window.localStorage.userName“，它仍会返回”John Doe“。

如果您需要代码段，请告诉我。

Answer 2

您可以使用html 5 indexedDB API - http://nparashuram.com/IndexedDB API。

HTML5 WebSQL API现在不再处于主动维护状态，而且IndexedDB似乎是每个人都在使用的东西。

除了桌面之外，您还可以使用IndexedDB-WebSQL polyfill - http://axemclion.github.com/IndexedDBShim使其在移动设备上运行。

Answer 3

http://diveintohtml5.info将为您提供有关如何使用离线存储的一些很好的示例。至于检查你是否有一个有效的连接，你可能必须在后台或表单提交XMLHttpRequest，而不是在表单提交上使用标准的HTTP GET或POST方法。