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

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中。

相关推荐
Clarca7 分钟前
Vue源码探究虚拟DOM
前端·javascript·vue.js·ecmascript
厚学9 分钟前
jetlinks物联网平台学习4:http协议设备接入
网络协议·学习·http
月伤5924 分钟前
在vue项目中禁用鼠标右键,选中
开发语言·javascript·计算机外设
小小李程序员34 分钟前
CSS实现磨砂玻璃效果
前端·css
荔枝要好学35 分钟前
Java中和JavaScript中的var关键字
java·javascript
java—大象43 分钟前
基于JavaWeb开发的Java+SpringMvc+vue+element实现驾校管理系统详细设计
java·前端·vue.js·spring boot·mybatis·课程设计
fishmemory7sec1 小时前
electron介绍
前端·javascript·electron
航行的土豆1 小时前
UE学习篇ContentExample解读-----------Blueprint_Mouse_Interaction
c++·学习·算法·游戏程序·虚幻引擎
DevinLGT1 小时前
STM32嵌入式编程学习到提高:【4】UART串口打印
c语言·stm32·单片机·嵌入式硬件·学习
Passion不晚1 小时前
Java 全栈开发中的最佳实践:从前端到后端的完整流程
java·前端·全栈