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数据相关推荐

  1. mysql讀取sql_MySQL数据库之python json及mysql读取json文件存sql等问题

    本文主要向大家介绍了MySQL数据库之python json及mysql读取json文件存sql等问题 ,通过具体的内容向大家展现,希望对大家学习MySQL数据库有所帮助. preface: 近期帮师 ...

  2. Kettle 列转行的使用 - 适用于查询表数据和读取Excel数据

    Kettle 列转行的使用 - 适用于查询表数据和读取Excel数据 场景一 表数据进行列转行再导出 (1)一个简单的Kettle 列转行的示例如下: (2)步骤一的数据如下: (3)步骤二" ...

  3. 将一坨很大数据保存为json,然后读取json。

    保存与读取json 将数据保存为JSON文件 读取一个很大的json文件,并且它还带有换行符号 将数据保存为JSON文件 filename = '/home/lhm/zzz/1.json' file_ ...

  4. java json 中文_java读取json数据中文乱码解决

    java读取json数据出现乱码的代码:(推荐:java视频教程)//从json文件中读取数据 StringBuffer stringBuffer = new StringBuffer(); try ...

  5. python json操作_Python读取JSON数据操作实例解析

    读写 JSON 数据 问题 你想读写 JSON(JavaScript Object Notation) 编码格式的数据. 解决方案 json模块提供给了一种很简单的方式来编码和解码json数据,其中两 ...

  6. python json解析_python读取json文件并解析

    原博文 2018-07-09 18:35 − # -*- coding: utf-8 -*- import os import json import sys reload(sys) sys.setd ...

  7. python读取表格数据_Python读取Excel数据并根据列名取值

    一直想将自己接触到的东西梳理一遍,可就是迈不出第一步,希望从这篇总结开始不要再做行动的矮人了. 最近测试过程中需要用到python读取excel用例数据,于是去了解和学习了下xlrd库,这里只记录使用 ...

  8. python批量读取excel表格数据_Python读取Excel数据并生成图表过程解析

    一.需求背景 自己一直在做一个周基金定投模拟,每周需要添加一行数据,并生成图表.以前一直是用Excel实现的.但数据行多后,图表大小调整总是不太方便,一般只能通过缩放比例解决. 二.需求实现目标 通过 ...

  9. python读取摄像头数据_Opencv 读取摄像头数据 | 代码驱动科技

    如果做监控,经常会遇到读取摄像头的数据.如何在python中读取摄像头数据,并显示呢? 双码流 一般高清摄像头产品编码器可同时产生两个不同的编码格式,统称主码流和子码流,双码流技术兼顾了高质量图像传输 ...

最新文章

  1. SparkSql常用命令操作
  2. 幼儿园 php,input.php
  3. Cloud for Customer workCenterLoader
  4. mcq 队列_MCQ | 基础知识 免费和开源软件| 套装3
  5. stanford-parser for C#
  6. 2021移动游戏生命周期研究玩家洞察报告
  7. win7双系统,暴力删除ubuntu后出现grub rescue解决
  8. require('module') 是什么?
  9. android Linkify的用法
  10. python实现自适应中值滤波器
  11. MapGis67读取点线区
  12. 云真机兼容性测试方案
  13. Word文件的OpenXML解析(以Python3为例)
  14. Android创建/删除桌面快捷方式
  15. 计算机必须设置默认打印机,win10系统禁止更改默认打印机设置的还原技巧
  16. 根据userAgent获取浏览器/操作系统/设备类型等信息
  17. 国庆节上映的电影有哪些?2014国庆节上映的动画电影盘点
  18. Linux添加PCF8563 RTC支持
  19. 通向架构师的道路(第二十七天)IBM网格计算与企业批处理任务架构
  20. HLOJ 2026 猴子吃桃

热门文章

  1. Cypress 前端 E2E 测试——手把手入门教程
  2. js读写php文件,h5+js实现本地文件读取和写入
  3. JAVA SE 基础复习-IO与序列化(4)
  4. Python求水仙花数(包含简单运算符使用方法)初级学习
  5. css中的单位换算_CSS像素、物理像素、逻辑像素、设备像素比、PPI、Viewport
  6. 数据库应用设计学生宿舍管理系统java+SQL
  7. java图像灰度直方图_图像灰度变换、二值化、直方图
  8. 小马哥---山寨苹果6sp E165刷机拆机主板图与开机识别图 低仿机型 6572芯片
  9. Linux中用户切换su怎么用的,linux用户切换su命令横杠的作用
  10. 遥感识别5——模型训练