欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-10 11:45:18
...
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;