localStorage 如何存储JSON数据并读取JSON数据
来源:互联网 发布:最新网络排行榜 编辑:程序博客网 时间:2024/05/29 14:25
localStorage是HTML5提供的再客户端实现本地存储的一种方法,但是localStorage方法只能存储字符串数据,有时候我们需要存储对象到本地比如:JSON;那么,localStorage怎么才能实现JSON数据的存储与读取呢?
思路:既然localStorage只能存储字符串数据,那么我们就可以先把JSON对象转换成字符串,然后用localStorage方法存储起来;等到需要用到这些JSON数据时,先把它们读取出来,然后再转换成JSON对象加以利用。
具体代码如下:
1
2
3
4
5
6
7
8
9
var
jsonData = {
'name'
:
'张三'
,
'age'
: 29};
// 定义一个JSON对象
var
str_jsonData = JSON.stringify(jsonData);
console.log(
typeof
(str_jsonData));
// string
localStorage.setItem(
'localData'
, str_jsonData);
// 存储字符串数据到本地
var
getLocalData = localStorage.getItem(
'localData'
);
// 读取字符串数据
console.log(
typeof
(getLocalData));
// string
var
jsonObj = JSON.parse(getLocalData);
console.log(
typeof
(jsonObj));
// obj
console.log(jsonObj.age);
// 29
扩展:
stringify()用于从一个对象解析出字符串;
parse()用于从一个字符串中解析出json对象。
https://www.cnblogs.com/webhome/p/6394228.html
阅读全文
0 0
- localStorage 如何存储JSON数据并读取JSON数据
- localStorage存储JSON数据
- 关于localStorage存储json数据
- 关于localStorage存储json数据
- HTML5 LocalStorage 本地存储JSON数据
- HTML5 LocalStorage 本地存储JSON数据
- HTML5 LocalStorage 本地存储JSON数据
- JavaScript localStorage 浏览器永久存储json 数据 并添加过期时间
- 如何获取表格中的数据并以json格式存储?
- hive存储读取json格式的数据
- [数据存储之五]JSON文件读取
- java读取xlsx并转化json数据
- 读取json数据并动态生成table
- 创建并读取JSON格式数据
- 在unity中如何读取json数据
- 如何读取本地的json数据
- localStorage存储json对象
- nodejs如何动态读取文件夹下图片,并放入json数据中并显示
- calibrate sensors
- 第一篇: 服务的注册与发现(Eureka)
- ReactNative 坑点记录
- /lib/ld-linux.so.3和/lib/ld-linux-armhf.so.3和程序not found解决方案
- C#中对DataTable的操作
- localStorage 如何存储JSON数据并读取JSON数据
- 如何用Python实现常见机器学习算法(一)
- 配置JMeter安装环境
- 【技术分享】10种常见的进程注入技术的总结 作者:admin | 时间:2017-7-21 00:52:18 | 分类 : 黑客技术 隐藏侧边栏展开侧边栏 http://p0.qhimg.co
- Get与Post的区别
- Hibernate(九)---批量处理
- 好久没回来看看了,想着是不是要重新启用一下我的这个老blog呢~~~
- ios sharesdk分享 本地视频
- nodejs连接mongodb示例,实现对数据的增删改查操作(跳过不必要的坑) Windows版