Javascriptで外部Javascriptを読み込む

Javascriptで外部Javascriptファイルを読み込むにはどうしたらいいんでしょう。

↓こちらを参考にしたらうまくいきました。

やってみたのは「ローカルにあるaaa.jsで自分の管理する外部サーバー上のbbb.jsを読み込む」ということ。

↓読み込むbbb.jsの内容

var test = "読み込めたよ!";

↓aaa.jsの内容

var jsUrl = "http://mydomain.jp/bbb.js";
var xhr=null;

if (window.XMLHttpRequest) xhr=new XMLHttpRequest();
else if(window.ActiveXObject)
	try {xhr=new ActiveXObject("Msxml2.XMLHTTP");}
	catch(e){xhr=new ActiveXObject("Microsoft.XMLHTTP");}

xhr.open("GET",jsUrl,false); //第3引数は非同期通信(true)か同期通信(false)か。読み込み完了を待つのでfalseを設定
		
 xhr.onreadystatechange = function(){ //読み込みの判定		
	if (xhr.readyState === 4 && xhr.status === 200){ //readyStateは読み込み状態(4なら完了)、statusは成功か失敗か(200なら成功)			
		eval(xhr.responseText);
		alert(test);
	} 
};

xhr.send(null); //GETの場合は引数をnullに。POSTの場合はデータを&でつなげた文字列を。

無事に”読み込めたよ!”

備忘録 | , |