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

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.获得key

for(var key in localstorage){
    console.log(key);
}

5.删除指定数据

localStorage.removeItem("key");

6.清空本地数据

localStorage.clear();

7.存储与读取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;

相关推荐