在Web App中保存/加载表单输入值

时间:2012-01-03 03:26:22

标签: jquery database jquery-mobile web-applications

我正在开发一款几乎是美化计算器的应用程序。我需要这个应用程序能够根据用户请求将值保存到客户端数据库(位于用户设备上),然后能够加载已保存的计算并将任何特定的已保存值集输回到表单中。

我已经找到了答案,但实际上只发现了有关在应用程序中提交表单和传递输入值的教程/演练,但没有关于如何操作和存储/恢复多个条目的内容。这些是我用来获得基本理解的几个网站。:

http://mobile.tutsplus.com/tutorials/mobile-web-apps/jquery-mobile-forms/

http://ofps.oreilly.com/titles/9780596805784/ch05_id35816678.html

非常感谢任何帮助。

我目前正在使用jquery mobile,开发/测试作为网络应用,并使用phonegap编译成android和ios原生应用。

1 个答案:

答案 0 :(得分:1)

由于Chrome对Cookie的大小限制为4kb,因此我将使用HTML 5的localStorage。但是,如果cookie的大小小于4kb,那么我会使用cookie,因为它们更有可能得到支持。我将列出一些您可以使用的选项:

选项1:Cookies

如果你想在jQuery中使用cookies,你需要这个插件:http://plugins.jquery.com/project/Cookie

然后你可以像这样设置cookie:

$.cookie("key", "value");

然后,如果我们想要获取cookie,我们只需输入:

$.cookie("key");

有关如何获取和设置cookie的更多信息,请查看this blog post(我写博客文章是公平的)。

选项2:HTML5本地存储

如果移动浏览器支持本地存储,那么您可以使用它来存储超过5kb的数据。

为了使用本地存储,您只需像使用Javascript中的任何其他对象一样使用它:

if(localstorage.data) {
  // Do something with localstorage.data
} else {
  // Set localstorage.data
}

选项3:Cookie和服务器端数据

选项3是最安全的选择。在客户端创建会话cookie,并将数据与服务器端的会话cookie相关联。

虽然这不是你想要的(因为你想要客户端的数据),但它会给你最大的灵活性。