欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

sessionstorage中存储JSON数据

程序员文章站 2023-08-30 17:17:28
在web开发时,可能经常会用到sessionstorage存储数据,存储单个字符串数据变量时并不困难 var str = 'This is a string'; sessionstorage.setItem('param',str); 获取sessionstorage var item = sess ......

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

原文链接: