web前端：sessionstorage中存储JSON数据

作者:QianTLL 更新于： 2020-03-19 22:59:33

　　JSON键值对是用来保存JS对象的一种方式，和JS对象的写法也大同小异，键/值对组合中的键名写在前面并用双引号""包裹，使用冒号:分隔，然后紧接着值:这很容易理解，等价于这条Javascript语句:

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

　　varstr='Thisisastring';

　　sessionstorage.setItem('param',str);

　　获取sessionstorage

　　varitem=sessionstorage.getItem('param');

　　console.log(item);

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

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

　　varobj={

　　"name":"Tom",

　　"age":12,

　　"gender":"man"

　　};

　　sessionstorage.setItem('jsonParams',JSON.stringify(obj));

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

　　vardata=JSON.parse(sessionstorage.getItem('jsonParams'));

　　console.log(data);

　　简单地说，JSON可以将JavaScript对象中表示的一组数据转换为字符串，然后就可以在网络或者程序之间轻松地传递这个字符串，并在需要的时候将它还原为各编程语言所支持的数据格式，例如在php中，可以将JSON还原为数组或者一个基本对象。在用到AJAX时，如果需要用到数组传值，这时就需要用JSON将数组转化为字符串。