HTML5脱机存储/ Web

Question

我被要求研究移动设备上web表单的离线存储选项(主要是在iPads上注册表单，以便在大型活动中使用，而在大型活动中，由于大量的数量和位置连接似乎总是一个问题)。

我想说的是：

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

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

谢谢,

克里斯

Answer 1

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

通过页面刷新并跨越同一域中的所有页面(例如:运行window.localStorage.userName = "John“；在"http://www.somedomain.com/index.html”上的某个位置)，当用户运行"window.localStorage.userName“时，它仍然会返回"John”。

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

Answer 2

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

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

除了桌面之外，您还可以使用IndexedDB-WebSQLpoly填充- http://axemclion.github.com/IndexedDBShim让它在移动设备上工作。

Answer 3

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