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);

}