HTML5离线存储/Web SQL

HTML5 Offline Storage / Web SQL

本文关键字：Web SQL 存储 离线 HTML5      更新时间：2023-09-26

我被要求研究移动设备上web表单的离线存储选项（主要是在iPad上注册表单，以便在大型活动中使用，因为数量巨大，位置连接似乎总是一个问题）。

我想想出的是这样的东西：

  • 一种表单，可以在连接时提交数据，也可以在未连接时脱机存储数据
  • 定期检查连接，并在可能的情况下提交表单数据

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

谢谢，

Chris

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

它的密钥/值存储在页面刷新过程中以及在同一域中的所有页面中持续存在（例如：run window.localStorage.userName="John Doe"；somewhere onhttp://www.somedomain.com/index.html"然后当用户转到"http://www.somedomain.com/page2.html"如果您运行"window.localStorage.userName"，它仍然会返回"John Doe".

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

您可以使用html 5索引数据库API-http://nparashuram.com/IndexedDBAPI

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

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

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

相关文章：