JavaScript实现本地数据简单存取以及Json数据存取

HTML5 专栏收录该内容
11 篇文章 0 订阅

NOTE :

HTML中可以使用javascript操作window的localStorage对象进行键值对形式的本地数据存储,实现数据共享和数据持久化,localStorage的数据永远不会过期,除非自己删除,这样可以实现在不同html之间进行数据信息传递:


1.判断本地存储是否可用:
if(window.localStorage) {
 // localStorge可用
 }else {
// localStorge不可用
 }


2.存储数据:
// 获取本地存储对象
var localStorage =window.localStorage;
// 存储
localStorage.setItem("key",content);


3.取出数据
var myKey =localStorage.getItem("key");


4.删除指定数据
localStorage.removeItem("key");


5.清空本地数据
localStorage.clear();


6.存储与读取json数据
// 定义json变量
var json ={username:"杨朝来",sex:1,age:25,birthday:"1990-08-21",phonenumber:13812345678,disease:"肺小结节",insurance:1,avatar:"images/male.png"};
// json变量转化成json字符串
var jsonstr =JSON.stringify(json);
// 存储json字符串
window.localStorage.setItem("jsonkey",jsonstr);
// 取出json字符串
var jsonstr =window.localStorage.getItem("jsonkey");
// 还原json对象
var json =JSON.parse(jsonstr);
// 取出json里面的username
var username =json.username;

  • 5
    点赞
  • 2
    评论
  • 11
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

打赏
文章很值,打赏犒劳作者一下
相关推荐
©️2020 CSDN 皮肤主题: 点我我会动 设计师:白松林 返回首页

打赏

Mr_厚厚

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值