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

复制代码
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中。

相关推荐
丨丨三戒丶37 分钟前
layui轮播图根据设备宽度图片等比例,高度自适应
前端·javascript·layui
进取星辰1 小时前
20、数据可视化:魔镜报表——React 19 图表集成
前端·react.js·信息可视化
寧笙(Lycode)1 小时前
React实现B站评论Demo
前端·react.js·前端框架
24白菜头1 小时前
CSS学习笔记
前端·javascript·css·笔记·学习
蠢货爱好者2 小时前
Linux中web服务器的部署及优化
linux·服务器·前端
吃货界的硬件攻城狮2 小时前
【STM32 学习笔记】GPIO输入与输出
笔记·stm32·学习
Chef_Chen2 小时前
从0开始学习大模型--Day01--大模型是什么
学习
缘友一世2 小时前
深度学习系统学习系列【1】之基本知识
人工智能·深度学习·学习
NightReader3 小时前
Google-chrome版本升级后sogou输入法不工作了
前端·chrome
冉佳驹3 小时前
C语言 ——— 函数
c语言·数据结构·学习·递归·函数·嵌套调用·链式访问