jQuery

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

投稿日:

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

構文

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

サンプルソース

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

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 要素から配列を作成する(.makeArray)

要素から配列を作成するには、makeArrayメソッドを使用します。 サンプルソース 例)全てのdiv要素から配列にする ...

[jQuery] 要素数を取得する(.length)

セレクタで取得した要素の要素数を取得するには、lengthを使用します。 サンプルソース 例)セレクタ$('#a1 li ...

[jQuery] バインドされたイベントを削除する(.unbind)

指定した要素にバインドされたイベントを削除するには、.unbindを使用します。 サンプルソース 例)ボタンを押すとバイ ...

[jQuery] Ajaxでデータを取得する

Ajaxでデータを取得するサンプルです。 サンプルソース 例)ボタンを押すとAjax通信を行い、結果をコンソールに出力す ...

[jQuery] 配列かどうか判定する($.isArray)

配列かどうか判定するには、$.isArray()を使用します。 サンプルソース 例)変数aが配列かどうか判定する [cr ...

スポンサーリンク