getScript()：getScriptメソッド(成功はdone、失敗はfail)のjavascriptの取得

2016/04/30

getScriptメソッド(成功はdone、失敗はfail)によるにjavascriptファイルの取得の書式

  $.getScript(
    "javascriptのファイルパス"
  ).done(function(script, textStatus) {
    // 成功時の処理
  }).fail(function( jqxhr, settings, exception ) {
    // エラー時の処理
  });

getScriptメソッド(成功はdone、失敗はfail)によるにjavascriptファイルの取得する場合は、
getScriptメソッドを使用します。

具体例(getScriptメソッド(成功はdone、失敗はfail)によるにjavascriptファイルの取得のサンプルコード)

読み込むjavascriptファイルの内容

１．用意されている関数は引数で受け取った内容をセレクタにして、cssメソッドを使用

２．cssメソッドではフォントの色を赤、太さを太字とする

test-getScript.js

function fontRedBold(tagParam){
  $(tagParam).css( { "color": "#ff0000" ,
                     "font-weight": "bold" } );
}

getScriptメソッドでjavascriptファイルを読み込んでいるjQueryのhtml

１．getScriptメソッドを使用

２．引数には読む込むjavascriptファイルのパスを指定（ここでは同じディレクトリのtest-getScript.jsとする）

３．レスポンス結果が成功処理はdoneメソッドで受け取る。

４．fontRedBold関数にクラス指定したdivタグを引数にセット

５．レスポンス結果が失敗処理はfaileメソッドで受け取る。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
<!--
-->
</style>
<script src="../../js/jquery-1.12.2.min.js"></script>
<script>
$(function(){

  $.getScript(
    "test-getScript.js"
  ).done(function(script, textStatus) {
    // 成功時の処理
    fontRedBold("div.result");
  }).fail(function( jqxhr, settings, exception ) {
    // エラー時の処理
    $("div.result").text("エラーが発生しました。ステータス：" + jqxhr.status);
  });

});

</script>
</head>
<body>
  <div class = "result">この文字は赤い太字となります。</div>
</body>
</html>