[js] localStorage 如何存储JSON数据并读取JSON数据
localStorage是HTML5提供的再客户端实现本地存储的一种方法,但是localStorage方法只能存储字符串数据,有时候我们需要存储对象到本地比如:JSON;那么,localStorage怎么才能实现JSON数据的存储与读取呢?
思路:既然localStorage只能存储字符串数据,那么我们就可以先把JSON对象转换成字符串,然后用localStorage方法存储起来;等到需要用到这些JSON数据时,先把它们读取出来,然后再转换成JSON对象加以利用。
var jsonData = {'name': '张三','age': 29}; // 定义一个JSON对象var str_jsonData = JSON.stringify(jsonData);console.log(typeof (str_jsonData)); // stringconsole.log(str_jsonData);// 存储json字符串数据到本地localStorage.setItem('localData', str_jsonData); // 读取json字符串数据var getLocalData = localStorage.getItem('localData');console.log(typeof (getLocalData)); // stringconsole.log(getLocalData); // string// json字符串转化为json对象var jsonObj = JSON.parse(getLocalData);console.log(typeof (jsonObj)); // objconsole.log(jsonObj); // objconsole.log(jsonObj.age); // 29
参考:
localStorage 如何存储JSON数据并读取JSON数据
[js] localStorage 如何存储JSON数据并读取JSON数据相关推荐
- mysql讀取sql_MySQL数据库之python json及mysql读取json文件存sql等问题
本文主要向大家介绍了MySQL数据库之python json及mysql读取json文件存sql等问题 ,通过具体的内容向大家展现,希望对大家学习MySQL数据库有所帮助. preface: 近期帮师 ...
- Kettle 列转行的使用 - 适用于查询表数据和读取Excel数据
Kettle 列转行的使用 - 适用于查询表数据和读取Excel数据 场景一 表数据进行列转行再导出 (1)一个简单的Kettle 列转行的示例如下: (2)步骤一的数据如下: (3)步骤二" ...
- 将一坨很大数据保存为json,然后读取json。
保存与读取json 将数据保存为JSON文件 读取一个很大的json文件,并且它还带有换行符号 将数据保存为JSON文件 filename = '/home/lhm/zzz/1.json' file_ ...
- java json 中文_java读取json数据中文乱码解决
java读取json数据出现乱码的代码:(推荐:java视频教程)//从json文件中读取数据 StringBuffer stringBuffer = new StringBuffer(); try ...
- python json操作_Python读取JSON数据操作实例解析
读写 JSON 数据 问题 你想读写 JSON(JavaScript Object Notation) 编码格式的数据. 解决方案 json模块提供给了一种很简单的方式来编码和解码json数据,其中两 ...
- python json解析_python读取json文件并解析
原博文 2018-07-09 18:35 − # -*- coding: utf-8 -*- import os import json import sys reload(sys) sys.setd ...
- python读取表格数据_Python读取Excel数据并根据列名取值
一直想将自己接触到的东西梳理一遍,可就是迈不出第一步,希望从这篇总结开始不要再做行动的矮人了. 最近测试过程中需要用到python读取excel用例数据,于是去了解和学习了下xlrd库,这里只记录使用 ...
- python批量读取excel表格数据_Python读取Excel数据并生成图表过程解析
一.需求背景 自己一直在做一个周基金定投模拟,每周需要添加一行数据,并生成图表.以前一直是用Excel实现的.但数据行多后,图表大小调整总是不太方便,一般只能通过缩放比例解决. 二.需求实现目标 通过 ...
- python读取摄像头数据_Opencv 读取摄像头数据 | 代码驱动科技
如果做监控,经常会遇到读取摄像头的数据.如何在python中读取摄像头数据,并显示呢? 双码流 一般高清摄像头产品编码器可同时产生两个不同的编码格式,统称主码流和子码流,双码流技术兼顾了高质量图像传输 ...
最新文章
- SparkSql常用命令操作
- 幼儿园 php,input.php
- Cloud for Customer workCenterLoader
- mcq 队列_MCQ | 基础知识 免费和开源软件| 套装3
- stanford-parser for C#
- 2021移动游戏生命周期研究玩家洞察报告
- win7双系统,暴力删除ubuntu后出现grub rescue解决
- require('module') 是什么?
- android Linkify的用法
- python实现自适应中值滤波器
- MapGis67读取点线区
- 云真机兼容性测试方案
- Word文件的OpenXML解析(以Python3为例)
- Android创建/删除桌面快捷方式
- 计算机必须设置默认打印机,win10系统禁止更改默认打印机设置的还原技巧
- 根据userAgent获取浏览器/操作系统/设备类型等信息
- 国庆节上映的电影有哪些?2014国庆节上映的动画电影盘点
- Linux添加PCF8563 RTC支持
- 通向架构师的道路(第二十七天)IBM网格计算与企业批处理任务架构
- HLOJ 2026 猴子吃桃
热门文章
- Cypress 前端 E2E 测试——手把手入门教程
- js读写php文件,h5+js实现本地文件读取和写入
- JAVA SE 基础复习-IO与序列化(4)
- Python求水仙花数(包含简单运算符使用方法)初级学习
- css中的单位换算_CSS像素、物理像素、逻辑像素、设备像素比、PPI、Viewport
- 数据库应用设计学生宿舍管理系统java+SQL
- java图像灰度直方图_图像灰度变换、二值化、直方图
- 小马哥---山寨苹果6sp E165刷机拆机主板图与开机识别图 低仿机型 6572芯片
- Linux中用户切换su怎么用的,linux用户切换su命令横杠的作用
- 遥感识别5——模型训练