js設置、獲取緩存方式

設置緩存

Web 存儲 API 提供了 sessionStorage （會話存儲） 和 localStorage（本地存儲）兩個存儲對象來對網頁的數據進行添加、刪除、修改、查詢操作

• localStorage 用於長久保存整個網站的數據，保存的數據沒有過期時間，直到手動去除。

• sessionStorage 用於臨時保存同一窗口(或標籤頁)的數據，在關閉窗口或標籤頁之後將會刪除這些數據。

window.localStorage.setItem("存儲名","存儲值");

window.sessionStorage .setItem("存儲名","存儲值");

由於緩存的存儲值爲字符串，需要將對象數組值轉換爲字符串：JSON.stringify(存儲值)
 

window.localStorage.setItem("shopcatCookits",JSON.stringify(“存儲值”));

window.sessionStorage .setItem("shopcatCookits",JSON.stringify(“存儲值”));

//獲取緩存
 

var shopcat=[];
var shopcatCookit=window.localStorage.getItem("shopcatCookits");

if(shopcatCookit){
    shopcat = shopcatCookit;
    //字符串轉換爲JSON對象
    shopcat = JSON.parse(shopcat);

}