最好用的jQuery-Ajax緩存插件

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/

許可證

MIT

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