HTML5 离线存储 / Web SQL
我被要求研究移动设备上网络表单的离线存储选项（主要是在大型活动中使用的 iPad 上的注册表单，由于数量庞大，位置连接似乎始终是一个问题）。
我想提出的是这样的：
- 一种可以在连接时提交数据，或者在离线时存储数据的表单。
- 定期检查连接并在可能时提交表单数据。
有人能在这里指出正确的方向吗？
谢谢，
克里斯
I've been asked to research offline storage options for web forms on mobile devices (mainly sign-up forms on iPads for use at large events where due to huge numbers and location connectivity always seems to be an issue).
What I'd like to come up with is something like:
- A form that can submit data when connected, or store if offline when not.
- Check the connection periodically and submit the form data when able.
Can anyone point me in the right direction here?
Thanks,
Chris
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
听起来你只需要键/值对。 window.localStorage 是你的朋友！
它是通过页面刷新以及同一域中的所有页面持续存在的键/值存储（例如：运行 window.localStorage.userName = "John Doe"; 在 "http://www.somedomain.com/index.html 上的某处”，然后当用户访问“http://www.somedomain.com/page2.html”时，如果您运行“window.localStorage.userName”，它仍然会返回“John Doe”。
如果您需要代码片段，请告诉我。
Sounds like you just need key/value pairs. window.localStorage is your friend!
It's key/value storage that persists through page refreshes, and across all pages in the same domain (eg: run window.localStorage.userName = "John Doe"; somewhere on "http://www.somedomain.com/index.html" and then when the user goes to "http://www.somedomain.com/page2.html" if you run "window.localStorage.userName" it will still return "John Doe".
Let me know if you need code snippets.
您可以使用 html 5 indexedDB API - http://nparashuram.com/IndexedDB API。
HTML5 WebSQL API 现在不再处于主动维护状态，而 IndexedDB 似乎是每个人都在使用的东西。
您可以使用 IndexedDB-WebSQL polyfill - http://axemclion.github.com/IndexedDBShim 来获取它除了桌面之外，还可以在移动设备上工作。
You could use the html 5 indexedDB API - http://nparashuram.com/IndexedDB API.
The HTML5 WebSQL API is now no longer in active maintenance and IndexedDB seems to be something everyone is using.
You could use the IndexedDB-WebSQL polyfill - http://axemclion.github.com/IndexedDBShim to get it working on mobile devices, in addition to the desktop.
http://diveintohtml5.info 将为您提供一些如何使用离线存储的好示例。至于检查连接是否有效，您可能必须在后台或表单提交中使用 XMLHttpRequest 执行某些操作，而不是在表单提交中使用标准 HTTP GET 或 POST 方法。
http://diveintohtml5.info will give you some good examples of how to use offline storage. as far as checking to see if you have a connection that is valid, you'll have to probably do something with XMLHttpRequest in the background or form submit rather then using a standard HTTP GET or POST method on your form submission.