Ajaxリクエスト(非同期通信)を使ってjsファイルを読込み実行してみる
- 2019.05.16
- JavaScript jQuery
- Ajax, 外部ファイル読込, 非同期通信

Ajaxリクエスト(非同期通信)を使ってjsファイルを読込み、読込んだjsファイルを実行してみます。
1.JavaScript記述例
今回読込むjsファイルはajax1.jsとajax2.jsです。
(jsファイルの文字コードはutf-8にしてます)
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("#idAj01").click(function(){ //ajax1.jsを読込み $.ajax({ type: "GET", url: "ajax1.js", dataType: "script" }); }); $("#idAj02").click(function(){ //ajax2.jsを読込み $.ajax({ type: "GET", url: "ajax2.js", dataType: "script" }); }); }); </script>
2.HTMLの記述例
<div id="idAj01">ajax1.jsを読込み</div> <div id="idAj02">ajax2.jsを読込み</div>
Ajaxリクエスト(非同期通信)を使ってjsファイルを読込み実行するデモページ
その他、Ajax(非同期通信)にはxmlやphpの読み込み等色々ありますよね。
-
前の記事
ブラウザをフルスクリーン表示するJavaScript 2019.05.15
-
次の記事
jquery.smoothDivScroll:複数のサムネイル画像を左右に自動スライドさせる 2019.05.17