中文 | English

AJAX-Cache

:tophat:最好用的 jQuery-Ajax 缓存插件

介绍

AJAX-Cache 是一款 jQuery 插件，基于 localStorage/sessionStorage 实现异步请求缓存功能，并提供“快照”和“定时”两种缓存模式。

安装

npm

npm i @tower1229/flow-ui

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/

许可证

MIT

Copyright (c) 2017-present, refined-x.com