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

复制代码
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 分钟前
VTJ.PRO 企业级应用开发实战指南
前端·人工智能·低代码·重构·架构
用户5757303346243 分钟前
🚀 别再让浏览器“负重跑”了!手把手教你用 IntersectionObserver 实现图片懒加载
前端
好雨知时节t5 分钟前
告别“刷新”:一文搞懂 WebSocket、SSE 与轮询机制
javascript·ai编程
ok_hahaha6 分钟前
AI从头开始-黑马LongGraph-简单学习
人工智能·学习·langchain·lang graph
胖纳特10 分钟前
从零到一:OnlyOffice中国版企业级完整落地指南
前端·后端
jrlong15 分钟前
HelloAgents 进阶篇 task03
java·前端·python
搬砖的前端16 分钟前
本地模型+TRAE CN 打造最优模型组合实测:开源主模型+本地辅模型,对标GPT5.2/5.3/Gemini-3-Flash
前端·ai·mac·ai编程·qwen·trae·qwen3.6
三品吉他手会点灯17 分钟前
C语言学习笔记 - 4.C概述 - C的特点
c语言·笔记·学习
userxxcc17 分钟前
Waigo是用“Golang+Web”写的“视图窗口+稳定服务”的桌面端(Win、Mac、Ubuntu)多功能程序基座。开箱即用但有一定上手门槛。
javascript·golang·桌面应用基座·wails3
星幻元宇VR19 分钟前
VR科普行走平台:沉浸式科普教育新趋势
学习·安全·生活·vr