jQueryを使ってjsスクリプトファイルを動的に読み込む方法


彼らは強いですが、時には引き合わないこともあります。jQueryを使っているなら、その中に一つのjsファイルをロードするための内蔵方法があります。jsプラグインや他のタイプのファイルの読み込みを遅延する必要がある場合、この方法を使用してもいいです。これをどう使うかを紹介します。
一、jQuery get Script()方法はJavaScriptをロードします。
jQueryは単一のjsファイルをロードする方法を内蔵しています。ロードが完了すると、コールバック関数で後続の操作ができます。基本的にjQuery.get Scriptを使う方法はこのようです。

jQuery.getScript("/path/to/myscript.js", function(data, status, jqxhr) {

 /*
  
 */ 

});

このget Script方法はjqxhrを返します。次のように使ってもいいです。
最も一般的なjQuery.get Scriptを使用するところは、jsプラグインのローディングが遅延され、ローディング完了時に実行されます。
二、キャッシュ問題
非常に重要な問題があります。jQuery.get Scriptを使う時は、jsアドレスの後ろにタイムスタンプ文字列を使ってキャッシュされないようにしてください。しかし、このスクリプトがキャッシュされることを望むなら、グローバルキャッシュ変数を設定する必要があります。

jQuery.getScript("/path/to/myscript.js")
 .done(function() {
  /* , , */
 })
 .fail(function() {
  /* , */
});

jQuery.getScript("jquery.cookie.js")
 .done(function() {
  jQuery.cookie("cookie_name", "value", { expires: 7 });
});
台本を読み込む時には、必ずキャッシュ問題に注意してください。