将对象/数组存储在jQuery Cookie中

Question

如何在JavaScript Cookie中存储对象/数组？ 我想，简单的代码

var item = { 
    price: 200, 
    company: 'Microsoft', 
    quantity: 500, 
    code: 'm33' 
} 

console.log(item); 
Cookies.set('item', item); 
console.log(Cookies.get('item')); 

它示出了第一控制台消息的所有值，但是仅给出了“[对象的对象]”中的第二个。看起来像js-cookie无法正确处理对象。有什么方法可以解决这个问题吗？

Answer 1

您正在存储一个对象，并且cookie仅允许文本。请记住，Cookie的最大长度为4 KB，因此您无法在此处存储大量信息（请改用localStorage）。

为了解决这个问题，必须首先将字符串化JSON：

Cookies.set('item', JSON.stringify(item)); 

你会存储一个字符串化的对象。要访问它，您必须解析字符串：

console.log(JSON.parse(Cookie.get('item'))); 

Answer 2

在cookie中，您只能存储字符串。所以为了首先存储对象，你需要将你的对象转换为字符串。使用this plugin这里有一个例子：

var people = [ 
    {"id": 123, "name": "Mazahir Eyvazli"}, 
    {"id": 128, "name": "Mayki Nayki"}, 
    {"id": 131, "name": "Mike Shinoda"} 
]; 
$.cookie("people", JSON.stringify(people)); 

如果您要访问您的人为对象，从饼干

// $.cookie("people") will return people object as an string 
// therefore we parse it to JSON object 
var people = $.parseJSON($.cookie("people")); 
// now we can access our object 
people[0]["id"] // --> 123 
people[1]["name"] // --> Mayki Nayki 

Answer 3

只需使用：

Cookies.getJSON('item') 

JS-饼干已建成 - 从版本2.0.0开始支持JSON解析，不需要改变设置方式。有关更多信息，请参阅https://github.com/js-cookie/js-cookie/tree/v2.1.0#json