新JavaScript例文辞典

非同期通信でテキストファイルを読み込む

説明

非同期通信でテキストファイルを読み込むにはnew XMLHttpRequest()を使います。open()の2番目のパラメータに読み込むテキストファイルのURLを指定します。なお、セキュリティの都合により同一ドメイン上のサーバー上にあるファイルしか読み込むことができません。読み込まれたテキストファイルは非同期通信オブジェクトのresponseTextプロパティに入ります。

サンプルプログラム

window.onload = function(){
var httpObj = new XMLHttpRequest();
httpObj.onload = function(){
document.getElementById("result").innerHTML = httpObj.responseText;
};
httpObj.open("get","sample.txt",true);
httpObj.send(null);
}
サンプルを実行
[戻る]