使用html和javascript进行客户端数据存储和检索

时间:2011-01-12 18:42:03

标签: javascript html forms

我正在构建我希望成为一个相当简单,快速和肮脏的演示应用程序。 到目前为止,我已经设法使用html和javascript构建了一堆组件。我知道最终我会连接数据库,但此时我只是试图展示一些功能。

在页面中,用户可以选择一堆其他用户(如朋友)。然后他们转到一个单独的html页面,并根据所选用户提供一些排序信息。

所以我的第一次尝试是将所选用户对象放入cookie中,并在第二页上检索cookie。不幸的是,如果用户更改了他们的选择,那么cookie没有得到更新,而我在StackOverflow上的搜索似乎表明删除和更新cookie是不可靠的。

我试过

function updateCookie(updatedUserList){
jQuery.cookie('userList',null);
jQuery.cookie('userList',updatedUserList);
}
但是虽然它将cookie设置为null,但它不会在第二个值上更新它。

所以我决定将所选用户对象放入表单中。不幸的是,看起来我无法从客户端的表单中检索内容,只能在服务器端检索。

还有其他办法吗?我曾经在PHP和Rails中工作,但是我正在尝试快速而简单地将其构建成更大的东西并且我现在试图避免任何服务器端处理,我已经设法做到这一点。

2 个答案:

答案 0 :(得分:2)

由于这是演示,您可以使用HTML5吗?如果是这样,您可以使用本地存储:link text

另一种选择是使用AJAX加载其他HTML页面(替换当前文档的整个主体)。您的存储变量将存储在<head>中。这是一个紧密耦合的设计,但你再次做了一个快速而肮脏的演示。

答案 1 :(得分:0)

updatedUserList是一个字符串吗?如果它是一个数组,你可能需要首先对其进行字符串化:

jQuery.cookie('userList', JSON.stringify(updatedUserList))

(当然,在你检索它时会解析它。)