js cookies超过最大长度

笔记：学习记录

问题：cookies存储的大小超过4kb时，会有数据丢失。

解决方法：

1.localStorage 代替cookies

2.sessionStorage 代替cookies

JS localStorage对象使用/sessionStorage使用

1. length属性

返回存储对象中包含多少条数据

var len = 0;
if(!!localStorage){
  len=localStorage.length;
}

2. setItem()方法

添加键和值，如果对应的值存在，则更新该键对应的值，数据必须为string类型。

function setItem(key, value){
if(!!localStorage)
   //保存string数据
   localStorage.setItem("key", "value");
  //保存json数据
  var json = {
      "1": "1",
      "2": "2",
  };
  localStorage.setItem("json", JSON.stringify(json));
}

}

3. getItem()方法

说明：得到指定键的数据 ，数据为string类型。

格式：setItem(key);

function getItem(key, value){
if(!!localStorage)
   //得到string数据
   var value =  localStorage.getItem("key");
   // 得到string，将其转json数据
   var json = localStorage.setItem("json");
   json=eval("("+json+")");
}

}

3.removeItem()

说明：删除指定键的数据 。

格式：removeItem();

if(!!localStorage){
  localStorage.removeItem("key");
}

4 clear()

说明：删除所有数据 。

格式：clear();

if(!!localstorage){
  localStorage.clear();
}

　

参考链接：

https://blog.csdn.net/qq_38974638/article/details/107992200

https://blog.csdn.net/qq_38974638/article/details/107987714

https://blog.csdn.net/qq_38974638/article/details/107980130