JS本地存储数据的⼏种⽅式
仅⽤于学习，违者必究
Cookie
1.Cookie
这个恐怕是最常见也是⽤得最多的技术了，也是⽐较古⽼的技术了。COOKIE优点很多，使⽤起来很⽅便
但它的缺点也很多：
⽐如跨域访问问题；⽆法保存太⼤的数据（最⼤仅为4KB）；本地保存的数据会发送给服务器，浪费带宽 等等；
代码如下
function SetCookie(name, value) {
var key = '';
var Days = 2;
var exp = new Date();
var domain = "";
exp.Time() + Days * 24 * 60 * 60 * 1000);
if (key == null || key == "") {
}
else {
var nameValue = GetCookie(name);
if (nameValue == "") {
js获取json的key和value
}
else {
var keyValue = getCookie(name, key);
if (keyValue != "") {
nameValue = place(key + "=" + keyValue, key + "=" + encodeURI(value));
}
else {
}
}
}
function GetCookie(name) {
var nameValue = "";
var key = "";
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = kie.match(reg)) {
nameValue = decodeURI(arr[2]);
}
if (key != null && key != "") {
reg = new RegExp("(^| |&)" + key + "=([^(;|&|=)]*)(&|$)");
if (arr = nameValue.match(reg)) {
return decodeURI(arr[2]);
}
else return "";
}
else {
return nameValue;
}
}
2.使⽤sessionStorage、localStorage
使⽤sessionStorage、localStorage
localStorage：
是⼀种你不主动清除它，它会⼀直将存储数据存储在客户端的存储⽅式，即使你关闭了客户端（浏览器)，属于本地持久层储存 sessionStorage：
⽤于本地存储⼀个会话（session）中的数据，⼀旦会话关闭，那么数据会消失，⽐如刷新。
有时候，我们需要将数据存储到sessionStorage和localStorage中，这样做的好处有：
1 缓存数据
2 减少对内存的占⽤
但是，storage只能存储字符串的数据，对于JS中常⽤的数组或对象却不能直接存储。
它能保存更⼤的数据（IE8上是10MB，Chrome是5MB），同时保存的数据不会再发送给服务器，避免带宽浪费。localStorage存储⽅法（sessionStorage类似）
localStorage.name =’vanida；
localStorage[“name”]=’vanida’；
localStorage.setItem(“name”,”vanida”);
//这三种设置值⽅式是⼀样的；
localStorage获取值⽅法
var name = localStorage[“name”]
var name= localStorage.name
var name＝ Item(“name”);
//这三种获取值⽅式是⼀样的；
localStorage清除特定值⽅法
//清除name的值
localStorage.name＝”;
localStorage清除所有值⽅法
localStorage.clear()
localStorage只能存储字符串，如果需要存储对象，⾸先要转化为字符串。利⽤JSON.stringify()；
var person = {name:”vanida”,”sex”:”girl”,”age”:25};
localStorage.setItem(“person”,JSON.stringify(person));
// localStorage.person=”{“name”:”vanida”,”sex”:”girl”,”age”:25}”
注意：JSON.stringify()中不要忘了“i”,stringify⽽不是stringfy！
然后取出person的对象你可以⽤JSON.parse();
person = JSON.Item(“person”));
下⾯是单个简单的对象（数组类似）存贮，不考虑其他的多个的情况
var obj = { name:'Jim' };
var str = JSON.stringify(obj);
//存⼊
sessionStorage.obj = str;
//读取
str = sessionStorage.obj;
//重新转换为对象
obj = JSON.parse(str);

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。