jQuery插件 - localstorage 緩存 AJAX請求

下載

下載 最新 jquery-ajax-cache

bower

bower install jquery-ajax-cache

npm

npm install jquery-ajax-cache --save-dev

引入

<script src="../node_modules/jquery/dist/jquery.js"></script>
<script src='../dist/jquery-ajax-cache.js'></script>

使用

全局配置

$ajaxCache.config({
    // 業務邏輯判斷請求是否緩存， res為ajax返回結果
    cacheValidate: function (res) {    //選填，配置全局的驗證是否需要進行緩存的方法,“全局配置” 和 ”自定義“，至少有一處實現cacheValidate方法
        return res.state === 'ok';
    },
    storageType: 'localStorage', //選填，‘localStorage’ or 'sessionStorage', 默認‘localStorage’
    timeout: 60 * 60, //選填， 單位秒。默認1小時
});

簡單使用

$.ajax({
    // 使用時 只要增加給ajax請求增加一行屬性   ajaxCache: true
    ajaxCache: true     // “全局配置” 和 ”自定義“，至少有一處實現cacheValidate方法
    /*
     others...
    */
});

自定義

$.ajax(
    // 此處的參數會覆蓋‘全局配置’中的設置
    ajaxCache: {
        // 業務邏輯判斷請求是否緩存， res為ajax返回結果
        cacheValidate: function (res) { //選填，配置全局的驗證是否需要進行緩存的方法, “全局配置” 和 ”自定義“，至少有一處實現cacheValidate方法
            return res.state === 'ok' && res.code ==='200';
        },
        storageType: 'localStorage', //選填，‘localStorage’ or 'sessionStorage', 默認‘localStorage’
        timeout: 60 * 60, //選填， 單位秒。默認1小時
    }
});

項目主頁：http://www.baiduhome.net/lib/view/home/1450362758688