在JQuery cookie中添加多个动态值

时间:2017-04-11 22:52:57

标签: jquery arrays cookies

我目前正在使用这个JQuery cookie插件https://github.com/js-cookie/js-cookie,它只适用于单个cookie值,但我希望它适用于以数组形式存储的多个动态值。

例如,我有一个页面中的产品列表,我正在显示"保存产品"每个产品的链接。我想要,点击保存按钮将产品的ID存储在相同的cookie中,这样我就可以检索所有值并显示在单独的页面中。

如果您能告诉我如何将Cookie中的值存储为数组,我会感激不尽。

HTML:

<ul>
 <li id="product1">product 1 <a>Save Products</a></li>
 <li id="product2">product 2 <a>Save Products</a></li>
</ul>

JQUERY:

$('ul li a').each(function(){
 $('this').click(function(){
  Cookies.set('SavedProducts', { foo: 'bar' });
 });
});

1 个答案:

答案 0 :(得分:0)

在我看来,由于orignal cookie只支持基于TEXT的保存,你应该在存储为cookie之前序列化数组/元组。

请参阅以下链接。 https://jsfiddle.net/w5hp18e0/7/

祝你好运