往sessionStorage中存放信息为json数据

最新推荐文章于 2024-07-02 10:05:02 发布

Mr_wang520

最新推荐文章于 2024-07-02 10:05:02 发布

阅读量239

点赞数

文章标签：笔记

本文链接：https://blog.csdn.net/Mr_wang520/article/details/130626575

版权

如果直接使用`window.sessionStorage.setItem`和`window.sessionStorage.getItem`来进行存取对象的话，不能正常使用该对象，并且在Application的[Session](https://so.csdn.net/so/search?q=Session&spm=1001.2101.3001.7020) Storage中会显示[object object]。

无论是数组还是json，使用JSON.stringify都能正确的存放在sessonStorage中

 userOne(extraData).then(res => {
          console.log(res,"获取医生信息");
          sessionStorage.setItem("doctorInfo",JSON.stringify(res[0]));

取出来数据如下

let doctor=JSON.parse(sessionStorage.getItem("doctorInfo"));

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Mr_wang520

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

cookie、sessionStorage和localStorage的区别（详细）

微微的猪食小窝

11-13

1305

1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信3）sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。

使用sessionStorage保存与获取json对象

08-24

将json对象使用JSON.stringify(JsonObject)方式转换为字符串，存入到 sessionStorage或localStorage 中；然后从 sessionStorage或localStorage 中取出对应的字符串，使用eval或JSON.parse将字符串转换为json对象。其中使用eval做转换时，需要在字符串的前后加入"("和")"

参与评论您还未登录，请先登录后发表或查看评论

sessionStorage存储JSON对象的使用

m0_51643873的博客

01-10

801

sessionStorage也可存储Json对象：存储时，通过将对象转换为文本格式；读取时，通过将文本转换回对象。

JSON与sessionStorage

Chen_sir2580的博客

05-07

246

简单描述json与sessionStorage使用方式和关系

sessionStorage存储JSON数据

羽筠的博客

01-22

682

sessionStorage存储JSON数据 // 设置 sessionStorage.setItem('testStorageData',JSON.stringify({ key1 : '454454', key2 : '8989898989', })) // 调用 // var testStorageData = JSON.parse(sessionStorage.getItem('testStorageData')); // testStorageData.key1 // testStorag

sessionstorage中存储JSON数据

coldriversnow的专栏

03-25

1041

存储数据： sessionStorage.setItem("loginInfo",JSON.stringify(bdata)); 取数据 var loginObj=JSON.parse(sessionStorage.getItem('loginInfo')); 在web开发时，可能经常会用到sessionstorage存储数据，存储单个字符串数据变量时并不困难 var str = 'This is a string'; sessionStorage.setItem('param',str);

使用sessionStorage、localStorage存储数组与对象运用实例解析

zjl516088421的博客

09-26

4773

有时候，我们需要将数据存储到sessionStorage和localStorage中，这样做的好处有： 1 缓存数据 2 减少对内存的占用但是，storage只能存储字符串的数据，对于JS中常用的数组或对象却不能直接存储。 var obj = { name:'Jim' }; sessionStorage.obj = obj; localStorage.obj

html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例

09-28

在这个示例中，表单提交后通过`getFormParam`函数获取表单中的数据，并将它们序列化为JSON字符串，然后存储到localStorage中。页面加载时，会读取localStorage中的数据并填充到表单的相应字段中。 ### ...

sessionStorage、localStorage

m0_55546349的博客

04-25

481

如何用sessionStorage保存对象和数组 https://blog.csdn.net/qq_30868289/article/details/79582280 一、sessionStorage、localStorage详解 webstorage webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage。在JavaScript语言中可通过 window.sessionStorage 或 sessionStorage 调用此对象。 localStora

cookie、sessionStorage和localStorage的区别

aliyun3的博客

04-25

1449

一、概念的理解 webstorage本地存储 1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage 2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信 3）sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（

H5 localStorage 和 sessionStorage 对json的处理方式

10-27

H5 localStorage 和 sessionStorage 对json的处理方式

sessionstorage 和 json 结合着用

baidu_21582825的博客

07-12

344

sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。在JavaScript语言中可通过 window.sessionStorage 或sessionStorage 调用此对象。特点： 1) 同源策略限制。若想在不同页面之间对同一个sessionStorage进行操作，这些页面必须在同一协议、同...

利用sessionStorage存储 JSON 对象和数组

最新发布

小金子J的博客

07-02

491

Web 开发中，sessionStorage 提供了一种在浏览器会话期间存储数据的方法。它仅接受字符串，因此需将对象或数组转换为 JSON 字符串。存储时使用 JSON.stringify()，读取时用 JSON.parse() 转换回原格式。此技巧适用于临时数据存储，如用户填写表单时的数据保护，确保数据在会话期间的持续性和安全性。

极简！！后端JSON发送数据到前端接收（sessionStorage存取数据）（作者新总结，热乎！！Maven的JavaWeb网站）

qq_67996188的博客

12-21

1350

极简！！后端JSON发送数据到前端接收（sessionStorage存取数据）（作者新总结，热乎！！Maven的JavaWeb网站）

Json,Json序列化和反序列化,localStorage,sessionStorage,Cookie和IndexDB

weixin_58555796的博客

04-09

238

Json,Json序列化和反序列化,localStorage,sessionStorage,Cookie和IndexDB

LocalStorage和SessionStorage的使用以及JSON转换

zhang19903848257的博客

01-17

797

Web Storage的应用功能：通过Web Storge可以让应用程序在客户端运行时在客户端保存程序数据，从而把浏览器变成一个真正的“程序运行环境”，而不是简单的“界面呈现工具” Storage接口：Session Storage Local Storage Session Storage（会话储存）：基于Session的Web Storge。Session Storage保存的数据生存...

本地存储 localStorage和sessionStorage JSON字符串

sdybz11zr的博客

05-13

592

JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串 JSON.parse('json字符串'); => 转换成对象或者数组 JSON.stringify(对象或者数组); => 转换成 json字符串

浏览器的几种数据存储方式---localStorage、sessionStorage、IndexDB、Cookie与JSON数据格式的详解

weixin_47342392的博客

09-23

1293

览器的几种数据存储方式---localStorage、sessionStorage、IndexDB、Cookie与JSON数据格式的详解

Vue：SessionStorage存储-读取字符串和对象

王小二(海阔天空)

01-05

3492

SessionStorage存储-读取字符串 sessionStorage.setItem("key","value"); sessionStorage.getItem("key"); SessionStorage存储-读取对象 sessionStorage.setItem('user',JSON.stringify(res.data.body.user)); let userInf...

js怎么存放session

05-13

在 JavaScript 中，可以使用 Web Storage API 来存储会话数据。具体来说，可以使用 sessionStorage 对象来存储会话数据，它会在用户关闭浏览器窗口后自动清除。以下是一个示例，演示如何在 sessionStorage 中存储会话数据： ```javascript // 存储会话数据 sessionStorage.setItem('key', 'value'); // 获取会话数据 var value = sessionStorage.getItem('key'); // 删除会话数据 sessionStorage.removeItem('key'); ``` 注意，sessionStorage 中存储的数据是以键值对的形式存在的，key 和 value 都必须是字符串类型。如果需要存储对象或其他非字符串类型的数据，可以使用 JSON.stringify() 和 JSON.parse() 方法进行转换。