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

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

相关推荐
你有我备注吗12 分钟前
SQL学习之查询
java·sql·学习
从零开始的代码生活_15 分钟前
C++ stack、queue 与 priority_queue:容器适配器原理与实战
开发语言·c++·后端·学习·算法
爱勇宝20 分钟前
《道德经》第6章:别把团队的创造力用到枯竭
前端·后端
铅笔侠_小龙虾21 分钟前
Rust 学习(6)-所有权规则、移动语义、Clone 与 Copy
python·学习·rust
无双_Joney23 分钟前
[四期 - 4] NestJS专栏 - 征召一下大家的意见,非常想知道大家都想看看Nest的哪些方面
前端·后端·nestjs
彭亚川Allen25 分钟前
停更的这一年,All In AI、陪媳妇生娃、还考了个研
前端·后端·产品经理
kiss strong30 分钟前
AI学习-langchain
学习·langchain
爱分享的程序猿-Clark43 分钟前
【前端开发】前端开发者如何使用 Claude Code 快速搭建 React 项目!(小白都能学会的教程)
前端·react.js
এ慕ོ冬℘゜1 小时前
原生 JS 实现自定义单选日历组件(无 UI 库、纯手写、禁用过去日期)
开发语言·javascript·ui
灵性(๑>ڡ<)☆1 小时前
Java学习笔记--面向对象高级(多态)
笔记·学习