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



Ajaxリクエスト(非同期通信)を使ってjsファイルを読込み、
読込んだjsファイルを実行してみます。

1.JavaScript記述例

<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>
    <br />
    <br />
    <div id="idAj02">ajax2.jsを読込み</div>

Ajaxリクエスト(非同期通信)を使ってjsファイルを読込み実行するデモページ

その他、Ajax(非同期通信)にはxmlやphpの読み込み等色々ありますよね。