最好用的jQuery-Ajax缓存插件
2024-10-12 07:32:10
AJAX-Cache
最好用的jQuery-Ajax缓存插件
介绍
AJAX-Cache是一款jQuery插件,基于localStorage/sessionStorage实现异步请求缓存功能,并提供“快照”和“定时”两种缓存模式。
安装
npm
npm i ajax-cache --save
Download
https://github.com/tower1229/AJAX-Cache
使用
你只需要为jQuery.ajax()增加一个localCache
配置
开启快照缓存
$.ajax({
url: "http://rapapi.org/mockjsdata/9195/common/getRandom",
dataType:'json',
localCache: 'snapshot',
success: function(res) {
if (res.snapshot) {
console.log('[snapshot] ' + res.data);
} else {
console.log('[remote data] ' + res.data);
}
}
});
开启定时缓存
$.ajax({
url: "http://rapapi.org/mockjsdata/9195/common/getRandom",
dataType:'json',
localCache: 5000,
success: function(res) {
console.log('\n[Caching for 5 seconds] ' + res.data);
}
});
清除缓存
$.ajax({
url: "http://rapapi.org/mockjsdata/9195/common/getRandom",
dataType:'json',
localCache: false,
success: function(res) {
console.log('Cache has been cleared');
console.log(res.data);
}
});
清除所有缓存
$.ajaxCache.clear();
配置
$.ajaxCache.set({
storage: 'localStorage', //存储方式,默认"localStorage",可选择"sessionStorage"
cacheNamePrefix: '_ajaxcache' //存储前缀,通常不需要修改
});
演示
http://refined-x.com/AJAX-Cache/test/
许可证
Copyright (c) 2017-present, refined-x.com
最新文章
- PHP面向对象
- Ettus Research USRP B200/B210 simple case
- 如何添加真机调试的iOS设备
- C# Control 控件DrapDrop不触发的问题
- git/github 使用
- (转载)LINUX UNBUNTU10.04 下 搭建OC编译环境
- python xpath
- 删除多余的win10软件
- Android利用Mediapalyer播放本地资源文件声音
- eclipse定制化配置调优、初始化配置指南、可以解决启动慢等问题
- 读书笔记之Linux系统编程与深入理解Linux内核
- linux ACL权限
- kubernetes下的Nginx加Tomcat三部曲之一:极速体验
- curl 命令模拟 HTTP GET/POST 请求
- Linux基础命令---文本格式转换fmt
- Go Revel - Filters(过滤器链)
- HBase二级索引与Join
- Haskell语言学习笔记(28)Data.Map
- pyplot-常用图表
- 记一次ss无法上网的排查