jquery ajax cache
2.0.1
English Document
jquery-ajax-cache外掛擴充了jQuery的$.ajax
,提供非常便利的方式快取ajax請求到'localStorage'或'sessionStorage'。你唯一要做的就是實作cacheValidate
方法,驗證回傳結果是否需要快取。頁面載入和資料讀寫過程插件都會進行過期資料清除,避免過期資料的累積。同時你也可以呼叫$ajaxCache.deleteAllExpires()
手動清除過期快取。
1、使用簡單!
2、還是使用簡單! !
3.重要事情3遍,簡單! ! !
4.最大可能的清除過期數據,避免溢出
下載最新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.min.js'></script>
因為在實際應用中,後台回傳的結果可能是成功訊息,也有可能是失敗訊息。所以只有在業務上我們認為成功的請求我們才需要緩衝起來。 jquery-ajax-cache外掛程式預留了一個方法cacheValidate
給使用者作為判斷請求是否成功。
cacheValidate
(此方法需要全域呼叫一次)$ajaxCache.config({// 業務邏輯判斷請求是否緩存,res為ajax返回結果, options 為$.ajax 的參數cacheValidate: function (res, options) { //選填,配置全域的驗證是否需要進行緩存的方法,“全域配置” 和”自訂“,至少有一處實作cacheValidate方法return true; // 所有情況都快取// return res.state === 'ok'; // 滿足某個條件才快取// return false; // 不快取},storageType: 'localStorage', //選填,'localStorage' or 'sessionStorage', 預設'localStorage'timeout: 60 * 60, //選填, 單位秒。 trueajaxCache: true // “全域配置” 和 ”自訂“,至少有一處實作cacheValidate方法/* others... */});
cacheValidate
$.ajax(// 此處的參數會覆蓋'全域配置'中的設定ajaxCache: {// 業務邏輯判斷請求是否緩存,res為ajax返回結果, options 為$.ajax 的參數cacheValidate: function (res, options) { //選填,配置全域的驗證是否需要進行快取的方法, “全域配置” 和”自訂“,至少有一處實作cacheValidate方法return true; //所有情況都快取// return res.state === 'ok'; // 滿足某個條件才快取// return false; // 不快取},storageType: 'localStorage', //選填,'localStorage'或 'sessionStorage', 預設'localStorage'timeout: 60 * 60, //選填, 單位秒。 //選填,預設false 是否強制刷新請求。
無特殊情況無需主動調用,插件會自動清除過期數據
$ajaxCache.deleteAllExpires();