中文 | English
:tophat:最好用的 jQuery-Ajax 缓存插件
AJAX-Cache 是一款 jQuery 插件,基于 localStorage/sessionStorage 实现异步请求缓存功能,并提供“快照”和“定时”两种缓存模式。
npm i @tower1229/flow-ui
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
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.