getScript():getScriptメソッド(成功はdone、失敗はfail)のjavascriptの取得
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ファイルの内容
1.用意されている関数は引数で受け取った内容をセレクタにして、cssメソッドを使用
2.cssメソッドではフォントの色を赤、太さを太字とする
test-getScript.js
function fontRedBold(tagParam){
$(tagParam).css( { "color": "#ff0000" ,
"font-weight": "bold" } );
}
getScriptメソッドでjavascriptファイルを読み込んでいるjQueryのhtml
1.getScriptメソッドを使用
2.引数には読む込むjavascriptファイルのパスを指定(ここでは同じディレクトリのtest-getScript.jsとする)
3.レスポンス結果が成功処理はdoneメソッドで受け取る。
4.fontRedBold関数にクラス指定したdivタグを引数にセット
5.レスポンス結果が失敗処理は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>
getScriptメソッド(成功はdone、失敗はfail)によるにjavascriptファイルの取得のサンプルコードの結果
そして、読み込み先のjavascriptファイルを存在しないものとしてエラーを引き起こしてみる(404:Not Foundのエラー)
"test-getScript_notfound.js"

