2011-12-17 77 views
2

这是我正在尝试实现的,我不知道该怎么做:填写表格离线

我有几种表格,用户应该能够离线完成。一旦用户填写了表单,他们应该能够保存并且他们的数据需要保存在离线状态下。然后,当他们在线时,他们可以提交所有通过按下按钮保存的表单数据。他们将被要求登录,一旦他们完成了,他们的数据将被保存在服务器上。

这些表格将通过iPad/iPhone提交。用户可以保存每个表单的多个副本。

我正在寻找一个HTML5/JavaScript/jQuery解决方案。我的后端是php。我还没有尝试过任何东西,因为我不知道如何做到这一点。我从哪说起呢?

感谢

+3

你有什么试过?你遇到的具体编程问题是什么? – Polynomial 2011-12-17 14:33:47

+4

JavaScript localStorage(或sessionStorage)会有什么用处?这里有一个初学者:http://www.w3schools.com/html5/html5_webstorage.asp – 2011-12-17 14:34:20

+0

或使用cookie,与base64存储数据 – 2011-12-17 22:18:38

回答

0

我不认为这是有可能作为唯一的网络解决方案针对iOS的,因为你不能在Safari熬夜的形式计算。即使用户提前在他们的浏览器中加载了表单,但他们有一个活动的互联网连接时,您不能指望Safari不尝试重新加载页面(这会清除页面并导致连接失败,因为它们处于脱机状态)。

因此,我认为您必须为此功能创建本机iOS应用程序。

如果您的目标是桌面设备,您可以使用浏览器插件完成此操作。

1

你可以提供一个清单文件,以提供特定的形式向用户 - 应用程序缓存IIRC: http://dev.w3.org/html5/spec/offline.html

警告 - 它不是一个有本机应用程序的用户必须访问该网站同时在线前他们将根本看不到任何表格

然后,一旦用户在storeStore中填写结果,localStorage中的结果就准备在线时访问。

如果用户在线,将显示标准页面,您可以检查本地存储是否有任何未提交的表单,以及提交是否从localSorage中删除。

查核在本教程中使用的原则,他们应该得到你最那里的方式,但你必须寻找到离线html和localStorage的更大量得到一个工作程序: http://sixrevisions.com/web-development/html5-iphone-app/

希望有所帮助。