ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript のロードとキャッシュの問題の処理を行う jQuery getScript() メソッドの詳細な説明

JavaScript のロードとキャッシュの問題の処理を行う jQuery getScript() メソッドの詳細な説明

伊谢尔伦
伊谢尔伦オリジナル
2017-07-21 15:51:213059ブラウズ

JavaScript の動的読み込みは、非常に強力で便利なテクノロジーです。 jQuery を使用している場合、単一の js ファイルをロードするためのメソッドが組み込まれています。一部の JS プラグインまたは他の種類のファイルの読み込みを遅らせる必要がある場合は、この方法を使用できます。使い方はこちら!

1. jQuery getScript() メソッドは JavaScript をロードします

jQuery には単一の js ファイルをロードする組み込みメソッドがあり、ロードが完了すると、コールバック関数で後続の操作を実行できます。 jQuery.getScript を使用する最も基本的な方法は次のようになります:

jQuery.getScript("/path/to/myscript.js", function(data, status, jqxhr) {
 /*   做一些加载完成后需要执行的事情 */ 
});

この getScript メソッドは jqxhr を返します。次のように使用できます:

jQuery.getScript("/path/to/myscript.js")
 .done(function() {
  /* 耶,没有问题,这里可以干点什么 */
 })
 .fail(function() {
  /* 靠,马上执行挽救操作 */
});

jQuery.getScript を使用する最も一般的な場所は、js プラグインを遅延ロードすることです。ロードが完了したらそれを実行します:

jQuery.getScript("jquery.cookie.js")
 .done(function() {
  jQuery.cookie("cookie_name", "value", { expires: 7 });
});

2. キャッシュの問題

jQuery.getScript を使用する場合、これを防ぐためにロードする必要があるタイムスタンプ文字列を使用する必要があります。キャッシュされています。ただし、このスクリプトをキャッシュしたい場合は、次のようにグローバル キャッシュ変数を設定する必要があります:

jQuery.ajaxSetup({
  cache: true
});
jQuery.ajax({
      url: "jquery.cookie.js",
      dataType: "script",
      cache: true
}).done(function() {
  jQuery.cookie("cookie_name", "value", { expires: 7 });
});

スクリプトをロードするときはキャッシュの問題に注意してください。

以上がJavaScript のロードとキャッシュの問題の処理を行う jQuery getScript() メソッドの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。