关于localStorage存储json数据
来源:互联网 发布:papi酱靠什么挣钱知乎 编辑:程序博客网 时间:2024/05/17 08:00
有时候我们想要将一个JSON对象数据存储到localStorage中,但普通的存储肯定是不行的,因为localStorage只能存储字符串数据。
//test1.htmlvar obj = {"name":"zjp"};localStorage.setItem('obj', obj);//这样在另一个页面中取出obj//test2.htmlvar obj = localStorage.getItem('obj);//输出nameconsole.log(obj.name);
上述方法是肯定不行的,我们可以看一下:
当我们setItem的时候,看一下存储进去的值是什么
这样的话在另一个页面是肯定获取不到值的啊,不信可以试一下:
正确的方法是先把JSON转化成字符串存储进去,当我们取出来的时候再转化成JSON就好了!
//test1.htmlvar obj = {"name":"zjp"};//将json数据转化为字符串var obj_str = JSON.stringify(obj);//存储进localStoragelocalStorage.setItem('obj_str', obj_str);//test2.htmlvar obj_str = localStorage('obj_str');//将字符串转化为json数据var obj = JSON.parse(obj_str);console.log(obj.name);
这时候当我们存储obj_str的时候localStorage中的数据是这样的
当我们取出数据的时候就能获取这个json字符串然后转化为对象使用啦!
0 0
- 关于localStorage存储json数据
- 关于localStorage存储json数据
- localStorage存储JSON数据
- HTML5 LocalStorage 本地存储JSON数据
- HTML5 LocalStorage 本地存储JSON数据
- HTML5 LocalStorage 本地存储JSON数据
- localStorage 如何存储JSON数据并读取JSON数据
- localStorage存储json对象
- LocalStorage存储JSON对象的问题 localStorage
- 关于本地存储localStorage
- 关于本地存储localStorage
- 使用localStorage存储数据
- [置顶] localStorage存储JSON对象
- 关于html5--localStorage 储存json
- H5本地存储详细使用教程(localStorage + JSON数据存储应用框架)
- H5本地存储详细使用教程(localStorage + JSON数据存储应用框架)
- H5本地存储详细使用教程(localStorage + JSON数据存储应用框架)
- 数据存储localStorage的使用方法
- 高档cpu安装虚拟机注意事项
- 分布式、集群区别
- JS如何区分Object与Aarry的六种方法
- EventBus简单使用教程
- TransE论文第3节:相关工作
- 关于localStorage存储json数据
- 第一次写东西
- 微信支付具体步骤和一些常见的坑
- 关于做开发的一些感受
- static关键字
- bzoj 4402: Claris的剑
- Flume源码分析—利用Eclipse对Flume源码进行远程调试分析环境搭建(一)
- Ubuntu : GPG签名验证错误 解决之道sudo apt-key adv --recv-keys --keyserver keyserver.ubuntu.com 6DFBCBAE
- 配置Tomcat使用https协议(配置SSL协议)