jquery ajax cache
2.0.1
英語文書
jquery-ajax-cache プラグインはjQuery の$.ajax
を拡張し、ajax リクエストを「localStorage」または「sessionStorage」にキャッシュする非常に便利な方法を提供します。必要なのは、 cacheValidate
メソッドを実装して、返された結果をキャッシュする必要があるかどうかを確認することだけです。プラグインは、ページの読み込みおよびデータの読み取りおよび書き込みプロセス中に期限切れのデータをクリアして、期限切れのデータの蓄積を回避します。同時に、 $ajaxCache.deleteAllExpires()
呼び出して、期限切れのキャッシュを手動でクリアすることもできます。
1. 使い方は簡単!
2.それでも使いやすい! !
3. 大切なことは3回、簡単! ! !
4. オーバーフローを避けるために、期限切れのデータをできる限り削除します。
最新のjquery-ajax-cacheをダウンロードする
バウアー
バウワーは 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
構成します(このメソッドはグローバルに1回呼び出す必要があります)$ajaxCache.config({//ビジネス ロジックはリクエストがキャッシュされるかどうかを決定します。res は Ajax の戻り結果です。options は $.ajax のパラメータです。cacheValidate: function (res, options) { //オプション、グローバル検証が必要かどうかを設定しますキャッシュされるメソッド、「グローバル構成」および「カスタム」、少なくとも 1 つの実装のcacheValidate メソッド return true; // すべてのケースがキャッシュされます // return res.state === 'ok';特定の条件が満たされた場合にのみキャッシュします // return false; // キャッシュしません}, storageType: 'localStorage', //Optional, 'localStorage' または 'sessionStorage', デフォルトの 'localStorage' timeout: 60 * 60, // 、単位は秒です。デフォルトは 1 時間です。});$.ajax({//使用する場合は、属性の行を追加するだけです ajaxCache: trueajaxCache: true // 「グローバル構成」と「カスタム」、cacheValidate メソッドの少なくとも 1 つの実装/* その他... */});
cacheValidate
カスタマイズする$.ajax(//ここのパラメータは「グローバル構成」の設定をオーバーライドします。 ajaxCache: {//ビジネス ロジックはリクエストがキャッシュされるかどうかを決定し、res は ajax の結果を返します。options は $.ajax のパラメータです。cacheValidate: function (res, options) { //オプションで、キャッシュが必要かどうかを確認するグローバル メソッドを設定します。「グローバル設定」および「カスタム」。cacheValidate メソッドの少なくとも 1 つの実装は true を返します。 // すべての場合にキャッシュを返します。 res.state === 'ok'; // 特定の条件が満たされた場合にのみキャッシュします // return false; // キャッシュしません}, storageType: 'localStorage', // オプション、'localStorage' または 'sessionStorage' ' localStorage'timeout: 60 * 60, //オプション、単位は秒。デフォルトは 1 時間、forceRefresh: false //オプション、デフォルトは false。更新リクエストを強制するかどうか。このリクエストはキャッシュを読み取りません。リクエストが成功すると、キャッシュが更新されます。プルダウン リフレッシュ}});
特別な状況がない限り、積極的に呼び出す必要はありません。プラグインは期限切れのデータを自動的にクリアします。
$ajaxCache.deleteAllExpires();