sessionstorage存储JSON数据的方法

在web开发时，可能经常会用到sessionstorage存储数据，存储单个字符串数据变量时并不困难

十多年的昭阳网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都全网营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整昭阳建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联从事“昭阳网站设计”,“昭阳网站推广”以来，每个客户项目都认真落实执行。

var str = 'This is a string';
sessionstorage.setItem('param',str);

获取sessionstorage

var item = sessionstorage.getItem('param');
console.log(item);

但是sessionStorage只能存储字符串类型数据，无法直接存储数组类型和JSON对象，如果有需求该怎样做呢？其实也很简单。

首先将JSON对象通过JSON.stringify()方法转换成字符串，再存储到sessionstorage中

var obj = {"name": "Tom","age": 12,"gender": "man"};
sessionstorage.setItem('jsonParams',JSON.stringify(obj));

然后通过JSON.parse()方法将字符串转换成JSON格式即可

var data = JSON.parse(sessionstorage.getItem('jsonParams'));
console.log(data);

以上就是如何在sessionstorage中存储JSON数据的详细内容，更多请关注创新互联其它相关文章！

当前标题：sessionstorage存储JSON数据的方法
本文路径：https://www.cdcxhl.com/article32/gspdsc.html

成都网站建设公司_创新互联，为您提供标签优化、搜索引擎优化、外贸建站、ChatGPT、手机网站建设、外贸网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联