您可以使用HTML5本地存储“以后”发送表单内容吗?

时间:2011-10-21 10:30:22

标签: html5 local-storage form-submit

让我们说当有人失去联系时,有人正在回复他们iPhone上的在线论坛。

是否可以使用HTML5本地存储来保存他们的提交并在他们恢复连接后发布?

如果是,我如何判断手机是否有连接?

3 个答案:

答案 0 :(得分:1)

是的,你可以通过在应用程序中实现自定义逻辑。 要查看连接是否可用,您可以使用navigator.onLine标志(但似乎不完全可靠):

Does Safari and/or WebKit implement the equivalent of window.navigator.online?

http://html5demos.com/offline

或尝试从互联网上加载内容并查看是否可能:

Checking online status from an iPhone web app

答案 1 :(得分:0)

您是否可以使用JavaScript设置变量并使其成为一个字符串,其中包含用户放入框中的内容?您可以使用getElementById或类似方法从表单中获取内容。

然后,将其存储在“cookie”中。如果您不知道如何执行此操作,请快速浏览w3中的javascript Cookie:http://www.w3schools.com/js/js_cookies.asp

然后在页面加载时,您可以加载cookie并使表单的值等于您之前声明的变量。

答案 2 :(得分:0)

最好的方法(根据navigator.onLine在不同的浏览器中表现不一致)是每隔几秒或每几次击键将用户输入的内容保存到localStorage。

如果再次重新加载页面,那么您可以确保首先查看localStorage密钥中是否存储了任何内容,如果存在,则将其加载到文本框中,然后用户可以从中断的位置继续。

您还可以查看本文http://dev.opera.com/articles/view/taking-your-web-apps-offline-web-storage-appcache-websql/

中的“与网络存储脱机”部分