將對象/數組存儲在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