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数据的详细内容，更多请关注创新互联其它相关文章！