jQuery_jqueryを使用してjsスクリプトファイルを動的にロードする方法

それらは強力ですが、時には利益が利益を上回ります。 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", "値 ", { 有効期限: 7 });
});

2. キャッシュの問題

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

コードをコピー コードは次のとおりです。

jQuery.ajaxSetup({
キャッシュ) : true
});

コードをコピー コードは次のとおりです。

jQuery.ajax({
url : "jquery .cookie.js",
dataType: "script",
キャッシュ: true
}).done(function() {
jQuery.cookie("cookie_name", "value") , { 有効期限 : 7 });
});

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