sessionStorage存取对象

最新推荐文章于 2025-05-16 11:40:52 发布
最新推荐文章于 2025-05-16 11:40:52 发布
阅读量7k 收藏 6
点赞数 3
CC 4.0 BY-SA版权
分类专栏： 常用属性 文章标签： sessionStorage
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_32206811/article/details/80267816
本文介绍了一种将JavaScript对象转换为字符串并存储到浏览器SessionStorage的方法。通过JSON.stringify()将对象转换为字符串，再利用sessionStorage.setItem()进行存储。同时展示了如何从SessionStorage中获取这些数据，并使用JSON.parse()将其还原为原始对象。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

//钩子函数
this.init();
console.log(sessionStorage.getItem('obbj'))
console.log(typeof (JSON.parse(sessionStorage.getItem('obbj'))))//取出来的字符串在转化为对象JSON.parse
//方法
init(){
  let obb = {
      name:'zhangyachoa',
      age:'18'
  }
  let str = JSON.stringify(obb)//把对象转化为字符串（stringify）存放进sessionStorage
    sessionStorage.setItem('obbj',str)
},
前端sessionStorage存取json数据
qq_42444651的博客
04-26 1706
最近在写web前端的时候，我遇到的问题是这样的，用Ajax接收到json数据，我想用sessionStorage在前端进行存储，以便我可以在其他页面进行使用。 如果使用Ajax接收JSON对象，建议Ajax接收的数据格式设置为‘text’ 即"dataType":“text” $.ajax({ "url":"/WangYiYun/SelectUserSongListOfUserId?use...
sessionstorage的存取方法
小柠檬爱编程
05-09 1925
sessionstorage存值 sessionStorage.setItem('username', username); sessionstorage取值 sessionStorage.getItem("username")
使用sessionStorage保存与获取json对象
08-24
将json对象使用JSON.stringify(JsonObject)方式转换为字符串，存入到 sessionStorage或localStorage 中；然后从 sessionStorage或localStorage 中取出对应的字符串，使用eval或JSON.parse将字符串转换为json对象。其中使用eval做转换时，需要在字符串的前后加入"("和")"
VUE sessionStorage 存取对象
l1830473688的博客
04-13 1718
存对象 var user = {name: '李白', age: '27'} sessionStorage.setItem("userInfo",JSON.stringify(user)); 取对象 var data = JSON.parse(window.sessionStorage.getItem('userInfo')); console.log(data.name)//'李白' 重点：json.stringfy()将对象、数组转换成字符串；json.parse()将字符串转成json对象。 .
【localstorage、sessionStorage和cookie】
Go_going_的博客
05-16 1085
在实际前端开发中，数据存储是非常重要的。无论是保存用户登录状态、缓存接口数据，还是实现个性化设置，我们都需要选择合适的存储方案。常见的浏览器端存储方式包括和Cookie，它们各有优缺点，适用于不同的场景。本文将结合实际开发，简单介绍这三种存储方式存储方式何时使用？何时避免？Cookie需要服务端交互（如 JWT 认证）存储大量数据（4KB 限制）长期缓存（如用户设置）敏感数据（易被 XSS 攻击）临时数据（如表单草稿）需要跨标签页共享的数据最终推荐。
sessionStorage 存储和获取对象
大白的博客
05-30 7547
还记得第一次使用localStorage 存储了个数组，却一直显示为 [object，object] sessionStorage 也是同样的错误 解决办法： 存储对象 window.sessionStorage.setItem('名称', JSON.stringify(对象数据)) 获取对象 let content = JSON.parse(sessionStorage.get...
sessionStorage储存对象的方式
热门推荐
carl_lzp的博客
04-13 2万+
sessionStorage和localStorage window.sessionStorage（会话存储）：暂时储存，浏览器关闭之后会清除 window.localStorage （本地存储）：本地储存，浏览器关闭之后依旧不会清除，只能人为删除 平时储存的话建议使用sessionStorage； 今天在做一购物车demo的时候，我需要用到一个sessionStorage去储存一个数组，然后在这...
sessionStorage存储数据和取数据
M_SSY的博客
03-28 5442
sessionStorage存数据,如果刷新页面,数据仍旧存在,只有关闭页面,数据才消失 sessionStorage存储一条数据: sessionStorage.setItem('name',this.insuredOneName); sessionStorage存储多条数据: this.queryParams={name:this.insuredOneName,id:this....
js sessionStorage存取对象
最新发布
08-07
首先，用户的问题是：“我想在JavaScript中使用sessionStorage存储和获取对象 请问如何在JavaScript中使用 sessionStorage 存储和获取对象”。这是一个关于JavaScript中sessionStorage的具体问题。 根据系统级指令...
vue sessionstorage存取对象
03-16
Vue 中使用 sessionStorage 存取对象可以使用 JSON.stringify() 和 JSON.parse() 来进行序列化和反序列化。 存储对象： ``` sessionStorage.setItem('key', JSON.stringify(obj)) ``` 读取对象： ``` let obj = ...
sessionstorage存取数组对象
06-10
你可以使用JSON.stringify将数组对象转换为字符串，然后使用sessionStorage.setItem方法将其存储在会话存储中。例如： ``` var myArray = [{name: "John", age: 30}, {name: "Mary", age: 25}]; var myArrayString ...
sessionstorage存取数据
02-08
对于复杂对象，则需先将其转换成 JSON 字符串再储存： ```javascript var user = { name: "Bob", age: 28, hobbies: ["reading", "coding"] }; sessionStorage.setItem('userProfile', JSON.stringify(user)); `...
sessionStorage存取数据
so_and的博客
04-15 1171
1: 以下是一个登录的功能 login页面 login({username: this.user.account, password:this.encode64(this.user.password)}).then(response => { //调用接口获取登录状态 const data = response.data if (dat...
【Vue】sessionStorage存取数据
weixin_47375144的博客
03-06 1048
列表页面搜索【关键词】点击【查询】后，点击【查看】按钮跳转到【详情页】，详情页【返回】【保留原搜索关键词】返回后【保留】【搜索查询关键词】
记录Vue用sessionStorage存取数据
yh0016的博客
10-15 2345
记录Vue用sessionStorage存取数据 sessionStorage是用于临时性的存储数据，在关闭浏览器后，该数据将会被删除，而localStorage则是长期的，就算你关闭了浏览器，该数据还是存在。 同时，sessionStorage的存储空间会比localStorage的空间小。 一、存储数据 采用setItem方法存储 sessionStorage.setItem('key',value); 通过属性方式存储 sessionStorage['key']=value; 二、读取数据
sessionStorage 存、取、删除、清空数据方法封装
Kilig17的博客
08-21 2728
 存数据：sessionStorageSet // 存数据export const sessionStorageSet = (name, obj) => { if (typeof obj === 'undefined') { return false } // obj为undefined或null或空字符串不能...
sessionstorage(会话存储对象)使用、存储、读取、删除（一）
qq_44438941的博客
03-15 1万+
sessionstorage(会话存储对象)使用、存储、读取、删除
sessionStrorage保存、获取、清空等一些方法
Allanwhy的博客
04-30 5547
sessionStrorage保存、获取、清空等一些方法 1、存值 sessionStorage[‘key’]=‘value’; sessionStorage.setItem(‘key’,‘value’); 2、取值 var v=sessionStorage[‘key’]; var f=sessionStorage.getItem(‘key’); 3、删除 sessionStorage.remov...
SessionStorage
些许就好丶的博客
09-02 1282
html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值