JSON数据存储在本地,需调用JSON.stringify()将其转为字符串。读取出来后调用JSON.parse()将字符串转为json格式。
如写入的时候:

var json_data = {id:12,name:"yang",email:"aaa@aaa.com"};
storage.setItem("json_data",JSON.stringify(json_data));  

读取的时候:

var json_data = JSON.parse(storage.getItem("json_data"));  

本文转自:http://blog.csdn.net/my_yang/article/details/7955523

转载于:https://www.cnblogs.com/yuanqiao/p/4873536.html

HTML5 LocalStorage 本地存储JSON数据相关推荐

  1. [js] localStorage 如何存储JSON数据并读取JSON数据

    localStorage是HTML5提供的再客户端实现本地存储的一种方法,但是localStorage方法只能存储字符串数据,有时候我们需要存储对象到本地比如:JSON:那么,localStorage ...

  2. HTML5 LocalStorage 本地存储

    说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步,之前的历史大概如下图所示: 最早的Cookies自然是大家都知道,问题主要就是太小,大概也就4KB的样子,而且IE6只支持每个域名20个co ...

  3. HTML5 LocalStorage 本地存储原理详解

    说到Web开发中的本地存储,大家最先想到的应该就是Cookies这玩意了,最早的Cookies自然是大家都知道,问题主要就是太小,大概也就4KB的样子,而且IE6只支持每个域名20个cookies,太 ...

  4. HTML5 localStorage本地存储

    介绍 localStorage(本地存储)的使用方式.包括对存储对象的添加.修改.删除.事件触发等操作. 目录 1. 介绍 1.1 说明 1.2 特点 1.3 浏览器最小版本支持 1.4 适合场景 2 ...

  5. HTML5 LocalStorage 本地存储,刷新值还在

    这里是新手了解,生产用到的话,请移到具有兼容性好的 store.js H5的两种存储技术的最大区别就是生命周期. 1. localStorage是本地存储,存储期限不限: 2. sessionStor ...

  6. html5保存资源本地,html5之Localstorage本地存储

    题外话 今天把博客里面的内容,同步在github的issues中了.具体地址是:https://github.com/confidence68/blog/issues ,欢迎大家访问,给star. L ...

  7. JS9day(BOM对象模型,setTimeout定时器,JS单线程执行机制,location对象,swiper插件,localStorage本地存储,购物车案例升级版,学习信息案例(本地存储))

    文章目录 BOM简介 定时器-延时函数 5秒关闭广告案例 递归模拟setInterval函数 两种定时器对比 JS 执行机制 location对象 navigator对象 histroy对象(了解) ...

  8. html5有本地存储吗,HTML5的本地存储

    HTML5的存储方式 HTML5给我们提供了新的存取本地数据的方法. 在HTML5之前,存储主要是放在cookie文件中.但是cookie文件有其自身的局限性. cookie文件每次请求的时候都会发送 ...

  9. js本地存储函数封装基于localStorage本地存储

    函数封装 //基于localStorage本地存储 var store={set:function(name, value, day) { // 设置let d = new Date()let tim ...

最新文章

  1. Dataset之谷歌地图数据集:谷歌地图数据集的简介、安装、使用方法之详细攻略
  2. 多学科可行法matlab,微小卫星多学科建模与仿真方法研究
  3. 快速排序算法的简短描述
  4. 手把手教你学dsp_新课免费看| 手把手教你学DSP,C2000从入门到精通
  5. Js中Currying的应用
  6. Android 自定义ListView控件,滑动删除
  7. CMS3.0——初次邂逅express
  8. 安装grid时找不到ASM共享磁盘
  9. 使用KELI调试单片机代码时,一定要用Open Project的方式打开。
  10. 微软windows10易升_微软官网下载与安装windows10系统的操作步骤
  11. yalmip决策变量
  12. TP6------图片上传/多图上传
  13. 深度学习计算模型中门函数的作用
  14. //{{AFX_MSG、//{{AFX_VIRTUAL、//{{AFX_MSG_MAP、//{{AFX_DATA_INIT用途
  15. android中的小彩蛋,天天使用的Android手机,你知道隐藏小彩蛋在哪里吗?
  16. 腾讯数据分析师内训课程!
  17. 原生js+css 实现轮播图 完整代码
  18. 2020研究生数模竞赛思路
  19. 植物大战僵尸2android最新版,手机植物大战僵尸2高清版下载官方-植物大战僵尸2高清版 安卓版v2.4.8-PC6手游网...
  20. 联通光纤宽带默认无法用ftp连接服务器,这样可以设置解决

热门文章

  1. Android 网络请求详解
  2. windoes server 关闭服务端口方法、漏洞补丁解决
  3. mysql 查看用户权限_在Navicat Premium中管理MySQL用户 - 第4部分:权限管理器工具
  4. html应用多个类,html – 如何避免重复多个css类
  5. nginx php unix负载,使用nginx配置多个php fastcgi负载均衡
  6. python 递归 分叉_浅谈Python 递归算法指归
  7. 多布局怎么搭建_小展位大吸引力,如何设计搭建出精致的展台?
  8. Zabbix服务器性能优化记录
  9. Apache中Virtual Host虚拟主机配置及rewrite参数说明
  10. Windows Java、Tomcat、MySQL安装过程