新手学习两种不同的存储方式(不喜勿喷)

复制代码
localStorage.setItem('sid',res.info.id)
						console.log('sid',res.info.id)
						sessionStorage.setItem('uid',res.info.id)

sid和uid,也可以写其他的只来替代;而res.info.id是接口的数据可替换成自己的

一次性传的id值刷新页面就没有

永久性传的id

这是Javascript中的本地存储操作,使用了两种不同的存储方式:localStorage和sessionStorage。localStorage是HTML5中的一个新特性,用于在浏览器中存储数据,这些数据将一直保存下去,直到被手动清除。sessionStorage也是HTML5中的一个新特性,用于在浏览器中存储数据,但是只在当前会话中有效,当用户关闭浏览器窗口时,存储的数据将被清除。

localStorage.setItem('sid',res.info.id)用于将一个key-value键值对存储到localStorage中,其中'sid'是键名,res.info.id是键值。这段代码将用户的id存储到了localStorage中。

console.log('sid',res.info.id)用于打印调试信息,将'sid'和用户id打印到控制台中,以便开发人员进行调试。

sessionStorage.setItem('uid',res.info.id)用于将一个key-value键值对存储到sessionStorage中,其中'uid'是键名,res.info.id是键值。这段代码将用户的id存储到了sessionStorage中。

相关推荐
江城开朗的豌豆2 分钟前
Vue的keep-alive魔法:让你的组件"假死"也能满血复活!
前端·javascript·vue.js
懒惰的bit3 分钟前
STM32F103C8T6 学习笔记摘要(三)
笔记·stm32·学习
taichiXD12 分钟前
大模型学习入门——Day4: Encoder-Decoder
学习·transformer
killer Curry16 分钟前
B站 XMCVE Pwn入门课程学习笔记(4)
笔记·学习
BillKu22 分钟前
Vue3 + TypeScript 中 let data: any[] = [] 与 let data = [] 的区别
前端·javascript·typescript
F_D_Z23 分钟前
【格与代数系统】偏序关系、偏序集与全序集
学习·模糊理论·偏序集·全序集·二元关系
GIS之路30 分钟前
OpenLayers 调整标注样式
前端
爱吃肉的小鹿31 分钟前
Vue 动态处理多个作用域插槽与透传机制深度解析
前端
GIS之路31 分钟前
OpenLayers 要素标注
前端
前端付豪31 分钟前
美团 Flink 实时路况计算平台全链路架构揭秘
前端·后端·架构