jQuery

[jQuery] JavaScriptファイルを非同期で読み込む($.getScript)

投稿日:

JavaScriptファイルを非同期で読み込むには、$.getScript() を使用します。

構文

(構文)
$.getScript(<URL> [,<コールバック関数>])
【$.getScriptの引数】
URL読み込むjsファイルを指定する
コールバック関数通信が成功した時に呼ばれる関数
※エラー時には呼ばれません。

サンプルソース

例)ボタンを押すと、hoge.jsを非同期で読み込む

hoge.jsを読み込む前と後では、「test()を呼び出す」ボタンを押した時の表示が変わります。

解説

  • ローカル環境だとクロスドメイン制約に引っかかるので、サーバにアップしてご確認ください。

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] 要素の表示非表示を切り替える(.toggle)

要素の表示非表示を切り替えるには、.toggle()を使用します。 サンプルソース 例)ボタンを押す毎に、要素(id=" ...

[jQuery] 要素を指定したタグで囲う(.wrap)

要素を指定したタグで囲うには、wrapを使用します。 サンプル 例)ボタンを押すと、要素をbタグで囲う [crayon- ...

[jQuery] セレクタに一致するか判定する(.is)

セレクタに一致するか判定するには、isを使用します。 サンプルソース 例)要素がclass="b"を持っているかどうか判 ...

[jQuery] 要素の属性を一度に設定する

属性を一度に設定するサンプルです。 サンプルソース 例)ボタンを押すと、id="txt1"要素をボタンに変える [cra ...

[jQuery] セレクタの第2引数の意味

jQueryでセレクタは通常「$(".c1")」のように指定しますが、 「$(".c1", "#d2")」のように第2引 ...

スポンサーリンク