储存机制localStorage、sessionStorage
程序员文章站
2022-06-10 12:51:49
...
会话缓存:只有页面跟页面之间存在会话关系是才能读写操作,关闭浏览器即清除缓存
sessionStorage:
sessionStorage.setItem(“名字”,储存数据):储存缓存
sessionStorage.getItem(“名字”):读取缓存
sessionStorage.removeItem(“名字”);清除缓存
sessionStorage.clear();//清空所有缓存
本地缓存:浏览器缓存成文件,即使关闭浏览器也不会清除
localStorage:
localStorage.setItem(“名字”,储存数据):储存缓存
localStorage.getItem(“名字”):读取缓存
localStorage.removeItem(“名字”);清除缓存
localStorage.clear();//清空所有缓存
//注意:
写:
缓存的数据必须是字符串类型,如果数据本身是一个对象或者数组的时候,读取时需要用JSON.stringify()进行转换
读:
缓存的数据必须是字符串类型,如果数据本身是一个对象或者数组的时候,读取时需要用JSON.parse()进行转换
注意:项目中数据一般是对象数组,实际上是[],而JSON.parse("[{},{},{}]")得到的是一个对象,element表格中data属性需求绑定的是数组
所以必须进行转换:
()=>{
let temp = JSON.parse(window.sessionStorage.getItem(name));
let jsonArr = [];
for(let i =0 ;i < temp.length;i++){
jsonArr[i] = temp[i];
}
return jsonArr
}
推荐阅读
-
localStorage和sessionStorage的区别 博客分类: html
-
localStorage和sessionStorage的区别 博客分类: html
-
cookie,sessionstorage,localstorage区别
-
php的$_FILES的临时储存文件与回收机制实测过程
-
php的$_FILES的临时储存文件与回收机制实测过程_PHP教程
-
iOS实现文件切片储存并且上传(仿断点续传机制)
-
iOS实现文件切片储存并且上传(仿断点续传机制)
-
WebStorage:浏览器端数据储存机制解析
-
HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
-
HTMl5的存储方式sessionStorage和localStorage详解