sessionstorage中存储JSON数据

作者: 前端很忙 | 来源:发表于2017-10-23 18:51 被阅读38次

在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);
效果图

相关文章

网友评论

    本文标题:sessionstorage中存储JSON数据

    本文链接:https://www.haomeiwen.com/subject/dwwauxtx.html