HTML5离线存储/ Web SQL

问题描述：

我被要求研究移动设备上的Web表单的离线存储选项（主要是iPad上的注册表单，用于大型活动，因为大量数据和位置连接似乎总是一个问题）。HTML5离线存储/ Web SQL

我想什么想出是这样的：

一个形式连接时，可以提交数据，或者脱机时不保存。
定期检查连接并提交表单数据。

任何人都可以在正确的方向指向我吗？

感谢，

克里斯

答

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

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

让我知道如果你需要代码片段

一些片段将非常感谢！谢谢！ – Chris 2012-02-07 02:24:20

答

http://diveintohtml5.info会给你一些如何使用离线存储的很好的例子，至于检查你是否有一个有效的连接，你可能需要做一些事情在后台或表单中使用XMLHttpRequest提交，而不是在表单提交中使用标准HTTP GET或POST方法。

好吧，我习惯于处理GET和POST，所以必须研究如何使用XMLHttpRequest来完成此操作，感谢您的建议！ – Chris 2012-02-07 08:03:49

答

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

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

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

HTML5离线存储/ Web SQL

相关推荐