关于sessionStorage的按需取json数据问题

最新推荐文章于 2023-05-07 22:35:03 发布
最新推荐文章于 2023-05-07 22:35:03 发布
阅读量408 收藏
点赞数
文章标签： json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CJB2020818/article/details/121055675
版权

对于sessionStorage的存取主要涉及两个方法setItem和getItem

sessionStorage.setItem()是存入数据，getItem就是取数据

 上面localStorage展示的是存入单个变量数据，下面的sessionStorage是存入一个json数组。

这是对sessionStorage的取数据，你可以取出整个json数组,也可以按自己的需求取值单个变量。

下面是我存入的json数据字段：

 下面是对取出单个id的打印：

 

 

芝士味奶酪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端sessionStorage存取json数据
qq_42444651的博客
04-26 1566
最近在写web前端的时候，我遇到的问题是这样的，用Ajax接收到json数据，我想用sessionStorage在前端进行存储，以便我可以在其他页面进行使用。 如果使用Ajax接收JSON对象，建议Ajax接收的数据格式设置为‘text’ 即"dataType":“text” $.ajax({ "url":"/WangYiYun/SelectUserSongListOfUserId?use...
web前端跨域取JSON
02-04
而HTML5的新特性如离线存储、Web Storage（localStorage和sessionStorage）、Web Workers等，也有助于优化跨域取JSON的数据处理和用户体验。 对于初学者来说，可以从以下几个步骤入手： 1. 学习HTML5和CSS3的基础...
使用sessionStorage保存与获取json对象
08-24
将json对象使用JSON.stringify(JsonObject)方式转换为字符串，存入到 sessionStorage或localStorage 中；然后从 sessionStorage或localStorage 中取出对应的字符串，使用eval或JSON.parse将字符串转换为json对象。其中使用eval做转换时，需要在字符串的前后加入"("和")"
获取在sessionStorage的JSON数据。和JSON数组的数据。
mentalitys的博客
09-23 1587
获取在sessionStorage的JSON数据。和JSON数组的数据。
JSON与sessionStorage
Chen_sir2580的博客
05-07 187
简单描述json与sessionStorage使用方式和关系
localStorage和sessionStorage本地存储以及JSON快速入门
Motion_zq的博客
05-09 432
localStorage：本地永久存储 sessionStoage：本地临时存储 localStorage语法： 增加数据 localStorage.setItem('键','值') 读取数据 localStorage.getItem('键') 删除数据 localStorage.removeitem('键') 清空数据 localStorage.clear() 注意： a.localStorage只能存放字符串格式的数据 就算你存放的是其他类...
解决vue刷新页面以后丢失store的数据问题
11-19
sessionStorage与localStorage类似，都可以在浏览器关闭前保存数据，但sessionStorage仅限于当前浏览器窗口或标签页，一旦窗口或标签页关闭，数据就会被清除，这通常适用于需要在用户会话期间保持的状态。...
html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
12-13
在实际应用中，选择使用localStorage、sessionStorage还是IndexedDB，主要取决于数据的生命周期、存储需求以及是否需要进行复杂的数据库操作。对于较小量、长期存储且无需索引的数据，localStorage和sessionStorage...
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
01-19
sessionStorage.setItem(resultValue, JSON.stringify(flag)) state.resultValue = flag } 在getters中 getResultValue getResultValue(state){ state.resultValue = sessionStorage.getItem(resultValu
Web前端页面跳转并取到值
09-27
由于涉及到跨域或同源策略的问题，这种页面间的通信通常依赖于特定的技术，例如使用了`window.parent`来访问父窗口（如果A页面是B页面的父窗口），或者使用URL查询参数、本地存储（localStorage或sessionStorage）等...
sessionStorage的取值，存值，删除（用于浏览器存储客户端的访问数据）
a123789999的博客
12-29 2069
//sessionStorage作为HTML5的Web Storage的两种存储方式之一。 //用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据会被销毁。 //不是一种持久化的本地存储，会话级的存储。 //1，存值 sessionStorage['key']='value'; sessionStorage.setItem('key','value'); //2，取值 var v=sessionStorage['key']; var f=sessio
SessionStorage存取数组或对象的方法
qq_40323455的博客
12-11 2963
存数组 //先举个例子(以sessionStorage为例) var aa=[1,2,3]; var sStorage=window.sessionStorage; sStorage.aa=aa; console.log(sStorage.aa); //输出1,2,3 function stringToArray(arr){ return arr.split(','); ...
JSON被存入/取出sessionStorage方法时，遇到的坑
qq_41157351的博客
10-22 2360
1.将后台返回的JSON数据存入浏览器sessionStorage: sessionStorage.setItem(‘key’,JSON.stringify(value)); 2.从sessionStorage中取出数据 var data = JSON.parse(sessionStorage.getItem(‘key’)); 如果直接存，后台console.log(json)出来的会变成[object，object]， JSON.stringify() //把对象变为字符串 JSON.parse()
sessionstorage 和 json 结合着用
baidu_21582825的博客
07-12 305
sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。 在JavaScript语言中可通过 window.sessionStorage 或sessionStorage 调用此对象。 特点： 1) 同源策略限制。若想在不同页面之间对同一个sessionStorage进行操作，这些页面必须在同一协议、同...
数组或对象怎么存储到sessionStorage或localStorage并取值
flting1017的博客
11-14 4286
var ary = [1,2,3] var json = { x:1, b:2 } 存储 sessionStorage.setItem('arr', JSON.stringify(ary)) sessionStorage.setItem('json', JSON.stringify(json)) 取值 var ary = sessionStorage.g...
本地存储 localStorage和sessionStorage JSON字符串
sdybz11zr的博客
05-13 562
JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串 JSON.parse('json字符串'); => 转换成 对象或者数组 JSON.stringify(对象或者数组); => 转换成 json字符串
sessionStorage二种存值取值的方法
anchaqian9321的博客
09-14 2270
//方法一 sessionStorage.setItem('id1','这是一个测试id1'); //存入一个值key:value console.log(sessionStorage.getItem('id1'));//输出:这是一个测试id1 // 方法二 sessionStorage['id2'] = '这是一个测试的id2'; ...
前端session和local存储数据时，使用JSON.parse（stringify）转义的必要性
断桥铲雪的博客
01-25 522
一.常见问题 sessionStorage.setItem("a", true); sessionStorage.getItem("a") == true; // 结果为 false 我们存入a的值是Boolean值true，获取a值后却不等于true。 二.解决办法 sessionStorage.setItem("b", JSON.stringify(true)); JSON.parse(sessionStorage.getItem("b")) == true; // 结果为 true 三.原因
对于COOKIE或SessionStorage存储的均为字符串，请JSON.parse()转换类型
weixin_44019016的博客
06-21 627
对于COOKIE或SessionStorage存储的均为字符串，比如，你存储一个true值 它会存储为true,但获取出来，如果你要拿来作判断，最好使用JSON.parse()， 转换为真假类型，否则你拿来判断，会始终为真（即使值是false) ...
ie存储sessionStorage数据之后取不到是什么原因
最新发布
05-17
可能有以下几个原因： 1. 数据存储时使用了私有模式，导致无法读取。 2. 数据存储时使用了跨域存储，导致无法读取。 3. 数据存储时没有设置正确的键名或者键值，导致无法读取。 4. 数据存储时存储的数据格式不正确，导致无法读取。 5. 数据存储时存储的数据已经过期，导致无法读取。 建议检查以上几个原因，找到问题所在并进行修复。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值