jQuery实现缓存—— localStorage

需求：因为：localStorage 存储在本地，容量为5M或者更大，不会在请求时候携带传递，在所有同源窗口中共享，数据一直有效，除非人为删除，可作为长期数据。实现：//设置：localStorage.setItem("dat", "456");localStorage.dat = '456';//获取：localStorage.getItem("dat");localStor...

avoidaily

4613人浏览 · 2020-04-21 16:33:32

avoidaily · 2020-04-21 16:33:32 发布

需求：
在这里插入图片描述
因为：localStorage 存储在本地，容量为5M或者更大，不会在请求时候携带传递，在所有同源窗口中共享，数据一直有效，除非人为删除，可作为长期数据。

实现：

//设置：
localStorage.setItem("dat", "456");
localStorage.dat = '456';

//获取：
localStorage.getItem("dat");
localStorage.dat

//删除
localStorage.removeItem("dat");

在这里插入图片描述
点击确定，存储数据，刷新、切换页面也不会再显示

记得，退出时要清除数据（localStorage特性）

效果：