当前位置:Gxlcms > 前端框架 > 如何在sessionstorage中存储JSON数据

如何在sessionstorage中存储JSON数据

时间:2021-07-01 10:21:17 帮助过:98人阅读

如何在sessionstorage中存储JSON数据

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

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);

本文来自 js教程 栏目,欢迎学习!

以上就是如何在sessionstorage中存储JSON数据的详细内容,更多请关注Gxlcms其它相关文章!

人气教程排行