下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:sessionstorage中存储JSON数据

作者:QianTLL     来源: https://www.cnblogs.com/qiantao/p/11985870.html点击数:897发布时间: 2020-03-19 22:59:37

标签: 编程语言web开发JSON

Web开发

  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将数组转化为字符串。

赞(14)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程