在開發中,常常需要將一些數據存儲到用戶的電腦上,這時候 Cookie 可以作為一個很好的選擇。Cookie 可以存儲一些小數據,并且不需要用戶手動創建文件或者自行卸載。
使用 Cookie 存儲 JSON 數據十分方便。只需要將 JSON 對象轉換為字符串,然后使用 JavaScript 中的 escape 函數來編碼字符串即可存儲 JSON 對象。
// 將 JSON 對象轉換為字符串 let jsonObj = { name: 'Tom', age: 18 }; let jsonStr = JSON.stringify(jsonObj); // 編碼字符串并設置 Cookie let encodedStr = escape(jsonStr); document.cookie = 'userInfo=' + encodedStr;
當需要讀取存儲在 Cookie 中的 JSON 數據時,可以使用 JavaScript 中的 unescape 函數解碼字符串,然后再將其轉換成 JSON 對象即可。
// 讀取 Cookie 中的信息,并解碼字符串 let cookieInfo = document.cookie; let startIndex = cookieInfo.indexOf('userInfo=') + 9; let endIndex = cookieInfo.indexOf(';', startIndex); if (endIndex === -1) endIndex = cookieInfo.length; let encodedStr = cookieInfo.slice(startIndex, endIndex); let decodedStr = unescape(encodedStr); // 將字符串轉換為 JSON 對象 let jsonObj = JSON.parse(decodedStr); console.log(jsonObj); // 輸出 { name: 'Tom', age: 18 }
需要注意的是,使用 Cookie 存儲數據時,由于 Cookie 尺寸的限制,存儲數據的大小不能過大。具體的大小限制因瀏覽器而異,但通常來說 Cookie 存儲的數據大小不能超過 4KB。
上一篇cmd如何安裝json
下一篇vue 引入mui使用