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

jQuery实现缓存—— localStorage

程序员文章站 2024-01-20 21:05:28
...

需求:
jQuery实现缓存—— localStorage
因为:localStorage 存储在本地,容量为5M或者更大,不会在请求时候携带传递,在所有同源窗口*享,数据一直有效,除非人为删除,可作为长期数据。

实现:

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

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

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

jQuery实现缓存—— localStorage
点击确定,存储数据,刷新、切换页面也不会再显示
jQuery实现缓存—— localStorage
记得,退出时要清除数据(localStorage特性)
jQuery实现缓存—— localStorage
效果:
jQuery实现缓存—— localStorage
jQuery实现缓存—— localStorage

相关标签: jq