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

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

相关推荐
冰暮流星1 分钟前
if与switch的区分
javascript
浅念-3 分钟前
C++第一课
开发语言·c++·经验分享·笔记·学习·算法
charlie1145141917 分钟前
现代嵌入式C++教程:对象池(Object Pool)模式
开发语言·c++·学习·算法·嵌入式·现代c++·工程实践
小丁努力不焦虑8 分钟前
你在以前遇到了什么困难你又是如何解决的?
学习
我命由我123459 分钟前
Android Studio - Android Studio 中的 View Live Telemetry
经验分享·学习·android studio·学习方法·android jetpack·android-studio·android runtime
小二·10 分钟前
Python Web 开发进阶实战:神经符号系统 —— 在 Flask + Vue 中融合深度学习与知识图谱
前端·python·flask
Yan.love12 分钟前
【CSS-动画与过渡】丝滑的艺术,从简单位移到贝塞尔曲线
前端·css
黎轩栀海13 分钟前
Element-UI 用命令行主题工具修改主题色
前端
2501_9447114313 分钟前
React性能优化相关hook记录:React.memo、useCallback、useMemo
javascript·react.js·性能优化
xiaoxiaoxiaolll16 分钟前
面向集成微系统供电:《Light》揭示石墨烯混合材料微型电容器的结构化电极设计与性能优化
学习