localStorage 与 sessionStorage 浏览器缓存调用API

存储内容为对象时需要转回为字符串存储

存储

 let oldQuery= {
    
    
    name:'xy',
    age:'21'
}
let objStr = JSON.stringify(obj)
sessionStorage.setItem('data-xy',objStr)
console.log(sessionStorage.getItem('oldQuery'))		// {
    
    "name":"xy","age":"21"}

使用

JSON.parse(sessionStorage.getItem('oldQuery'))

localStorage

localStorage.setItem("key","value");//以“key”为名称存储一个值“value”
 
localStorage.getItem("key");//获取名称为“key”的值
 
localStorage.removeItem("key");//删除名称为“key”的信息。
 
localStorage.clear();​//清空localStorage中所有信息

sessionStorage

sessionStorage.setItem("key","value");//以“key”为名称存储一个值“value”
 
sessionStorage.getItem("key");//获取名称为“key”的值
 
sessionStorage.removeItem("key");//删除名称为“key”的信息。
 
sessionStorage.clear();​//清空sessionStorage中所有信息

参考文章：https://blog.csdn.net/weixin_42468245/article/details/113668384