jQuery

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

投稿日:

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

構文

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

サンプルソース

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

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 要素をフェードイン、フェードアウトする

要素をフェードイン、フェードアウトするサンプルです。 サンプル 例)ボタンを押すとdiv要素をフェードイン、フェードアウ ...

[jQuery] スライドダウン/アップ アニメーションを実装する

jQueryでスライドダウン、スライドアップのアニメーションを行うサンプルです。 サンプルソース 例)ボタンを押すと、ス ...

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

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

[jQuery] 指定した要素にフォーカスを当てる(.focus())

指定した要素にフォーカスを当てるには、.focus() を使用します。 サンプルソース 例)ボタンを押すと、テキストボッ ...

[jQuery] JSONデータを取得する

JSONデータを取得するサンプルです。 サンプルソース 例)ボタンを押すとtest.jsonを読込み、結果をコンソールに ...

スポンサーリンク