基于html和javascript的客户端数据存储与检索

我正在构建一个相当简单、快速和肮脏的演示应用程序。 到目前为止，我只使用html和javascript构建了一系列组件。我知道最终我会连接一个db，但在这一点上，我只是想展示一些功能

在页面中，用户可以选择一组其他用户（如朋友）。然后，他们转到一个单独的html页面，其中有一些基于所选用户的排序信息

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

我试过了 函数updateCookie（updatedUserList）{ cookie（'userList'，null）； cookie（'userList'，updateUserList）； } 但是，尽管它将cookie设置为null，但不会在第二个值上更新它

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

---

还有别的办法吗？我曾经在PHP和Rails中工作过，但在将其构建成更大的东西之前，我试图快速、简单地完成这项工作，并且目前正在尝试避免任何服务器端处理，直到目前为止，我已经成功地做到了这一点

updatedUserList是字符串吗？如果它是一个数组，您可能必须首先对其进行字符串化：

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

---

（当然，当您检索它时要对其进行解析。）

由于这是一个演示，您可以使用HTML5吗？如果是，您可以使用本地存储：

---

另一种选择是使用AJAX加载其他HTML页面（替换当前文档的整个正文）。存储变量将存储在

中。这是一个紧密耦合的设计，但你又在做一个又快又脏的演示。

在将其放入cookie之前，我正在对其进行字符串化，但它仍然没有更新。我正在查看本地存储，因为该站点使用大量画布，大量使用HTML5。但我经常在firefox和chrome之间切换（它将在Safari上运行，用ipad进行一些演示）。我的印象是，他们的存储方法并不一致。我将进一步研究这个问题。至于通过ajax使用Retrieving，我曾考虑过这一选项，但这对我来说有点过于苛刻。我认为Cookie可能有问题，因为您是从本地、文件的角度使用它们的。cookie需要一个域。本地文件不具有该属性。如果cookie被正确写入，它很可能会丢失，因为页面已更改，从而更改了域（？）。也许会有帮助。谢谢Virmundi，无论如何我都应该学习HTML5的本地存储内容，谢谢通过本地cookies进行的后续工作。这清楚地解释了我为什么会有这个问题。

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