jQuery

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

投稿日:

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

構文

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

サンプルソース

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

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 要素が生成されてからの時間を取得する(event.timeStamp)

要素が生成されてからの時間を取得するには、event.timeStampを使用します。 サンプルソース 例)ボタンが生成 ...

[jQuery] スクロールした座標を取得する(.scrollTop/.scrollLeft)

jQueryでスクロールした座標を取得するには、.scrollTop()/.scrollLeft()を使用します。 サン ...

[jQuery] 配列から重複要素を取り除く($.unique)

jQueryで配列から重複要素を取り除くには、uniqueを使用します。 サンプルソース 例)配列から重複要素を取り除い ...

[jQuery] ページロード完了時に処理を行う

ページロード完了時に処理を行うには、readyを使います。 サンプル 例)ページロード完了時にアラートを表示する [cr ...

[jQuery] プラグインを自作する

jQueryのプラグインを自作するサンプルです。 構文 プラグインは以下の構文で記述します。 (構文) (functio ...

スポンサーリンク