jquery篮子如何保存数据

Question

我正在创建一个小型网上商店。当我将产品添加到我的购物篮时，我只需将一个数据对象添加到 div 中，如下所示：

$("#ArticlesHolder").data('15', {name:'testname', nr:'4', price:'400', articlenr:'klr441234'});

只要我不重新加载页面，这种方法就很好用。我的问题是，jquery 中缓存此数据的最佳方法是什么，以便我可以重新加载页面、将页面保留 30 分钟以及您可以想出的其他内容。是向用户浏览器添加 cookie 还是 jquery 有其他方法来处理这个问题？感谢您的帮助。顺便问一下，如果 cookie 是解决方案，那么如果用户不接受 cookie 会发生什么？

编辑

如果用户不接受，尝试使用 cookie，然后对 web 服务进行 ajax 调用以在服务器端处理它并返回 json 数据，这是否是一个好的解决方案？

最终编辑

好的，所以我将使用 cookie。现在我如何将 JSON 数据存储在 cookie 中？正如您在上面的代码行中看到的那样，我可能有许多具有多个值的产品。像这样：

$("#ArticlesHolder").data('15', {name:'testname', nr:'4', price:'400',articlenr:'345345'});
$("#ArticlesHolder").data('25', {name:'name2', nr:'1', price:'100', articlenr:'kltt444'});
$("#ArticlesHolder").data('37', {name:'name3', nr:'14', price:'60', articlenr:'1235555'});

我知道如何需要循环每个数据字段并将其保存在新的 JSON 数据类型中。有人知道这是怎么做到的吗？

此致 马丁

Answer 1

jQuery 是 JavaScript。

这意味着您被限制在当前页面视图内。

要将数据保存到网站，您可以

• 使用会话，但您需要服务器端语言，如 php、asp、ruby 等。
• 存储 cookie（如果用户不接受，您什么也做不了..)
• 使用 HTML5 localStorage，但浏览器支持仅限
• 上述组合。

Answer 2

Cookie 是一种解决方案，但请记住，每次加载新页面时，Cookie 中存储的信息也会发送到服务器。

如果用户不接受cookies。这根本行不通。

未来，HTML5 Web 存储将有一个更好的解决方案在等着我们。

Answer 3

完整页面加载本质上会“重置”您的 JavaScript。浏览器不会在页面加载之间保存 JavaScript 状态。您可以选择创建 cookie 或将此信息保存在服务器状态中。这几乎是无状态网络的经典问题，它只是不会记住。

我建议结合使用 cookie 并将此缓存存储在服务器端。

Answer 4

您必须使用 cookie 和服务器端解决方案，如果您希望使用 localStorage，我会选择 Lawnchair。

http://blog.westcoastlogic.com/lawnchair/

非常甜蜜。