sessionStorage存储数据和取数据

最新推荐文章于 2024-06-11 16:54:09 发布

愿祖国繁荣昌盛user

最新推荐文章于 2024-06-11 16:54:09 发布

阅读量1.9k

点赞数 3

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_49875821/article/details/121657587

版权

本文详细介绍了浏览器的sessionStorage特性，包括其在页面刷新时保持数据，关闭标签页时数据消失的特性。示例展示了如何存储、读取和删除sessionStorage中的数据，以及在多标签页场景下的行为。这为前端开发中临时存储用户状态提供了实用指导。

摘要由CSDN通过智能技术生成

sessionStorage存数据,如果刷新页面,数据仍旧存在,只有关闭页面,数据才消失

打开多个相同的URL的Tabs页面，会创建各自的sessionStorage。
关闭对应浏览器tab，会清除对应的sessionStorage。

存储数据

sessionStorage存储一条数据:

sessionStorage.setItem('userName', data.userName) // 用户姓名存入浏览器

sessionStorage存储多条数据:

this.queryParams={name:this.insuredOneName,id:this.insuredOneID};
sessionStorage.setItem('queryParam',JSON.stringify(this.queryParams))

读取数据

sessionStorage.getItem('userName') // 用户姓名获取in浏览器

删除数据

// 从 sessionStorage 删除保存的数据
sessionStorage.removeItem('key')

关注