session存值与取值
1.存值:sessionStorage.setItem(key,value)
sessionStorage.setItem("username",user.name)
2.取值:sessionStorage.getItem(key);
sessionStorage.getItem("username")
3.删除某条数据
sessionStorage.removeItem('username')
4.清空所有存储的数据
sessionStorage.clear()
如果直接使用sessionStorage.setItem和sessionStorage.getItem来进行存取对象则不能正常使用该对象,并且在Application的SessionStorage中会显示[object object]
解决方法:转换为json格式进行存取
1.存值时转为Json字符串存入,用JSON.stringify()
sessionStorage.setItem('userObj', JSON.stringify(user))
2.取值转回对象,用JSON.parse()
JSON.parse(sessionStorage.getItem('userObj'))
两者区别
localStorage和sessionStorage都属于本地存储,他们的区别是:
localStorage:永久存储,永远不会失效,除非手动清除
sessionStorage:临时存储,存储的数据只有在同一个会话中的页面才能访问到,并且当会话结束后,数据就立即消失了
localStorage存值与取值
1.存值:localStorage.setItem(‘key’, value)
localStorage.setItem("username",user.name)
2.取值:localStorage.getItem(key);
localStorage.getItem("username")
// 注意存储进去的数字类型的数据会被变成字符串,可以如下方式获取数字型的值
Number(localStorage.getItem('key'))
// 删除存储的某条数据
localStorage.removeItem('key')
// 清空所有数据
localStorage.clear()
原文地址:https://blog.csdn.net/xzbqd/article/details/128058913