Ajaxリクエスト（非同期通信）を使ってjsファイルを読込み実行してみる

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の読み込み等色々ありますよね。