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

Posted karila

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript实现本地数据简单存取以及Json数据存取相关的知识,希望对你有一定的参考价值。

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;  

  

 

以上是关于JavaScript实现本地数据简单存取以及Json数据存取的主要内容,如果未能解决你的问题,请参考以下文章

关于data自定义属性

高性能JavaScript

HTML5 自定义属性 data-* 和 jQuery.data 详解

《高性能Javascript》读书笔记-2

记录一道有趣的数据存取,以及攻击行为判断的题目

vue卡片拖拽自动排列交换位置拖拽数据存取