| AJAX講座 | ||
|---|---|---|
 AJAXとは |
||
| サーバとの通信 | prototype.jsの利用 | |
XMLHttpRequest()
ここではXMLHttpRequest()を使用して、サーバとの同期通信を実現します。
- responseText()
- サーバ上のテキストファイルを解析して処理する
- responseXML()
- サーバ上のXMLを解析して処理する
- onreadystatechangeイベント
- サーバからの応答があると発生するイベント
- 戻り値：readyState/status
- 正常に読み込まれた場合：readyState = 4 / status = 200
- 非同期通信を行う場合
- open() の3番目パラメータをtrue
- 同期通信を行う場合
- open() の3番目パラメータをfalse
ファイル読み込み JavaScript部分
function getIndex(filename){
xmlhttp = createXMLHttpRequest();
if(xmlhttp){
xmlhttp.onreadystatechange = check;
xmlhttp.open("get" , filename , true );
xmlhttp.send(null);
}
}
function check(){
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
document.getElementById("result").innerHTML = xmlhttp.responseText;
}
}
function createXMLHttpRequest(){
var XMLhttpObject = null;
try{
XMLhttpObject = new XMLHttpRequest();
}catch(e){
try{
XMLhttpObject = new ActiveXObject("Msxm12.XMLHTTP");
}catch(e){
try{
XMLhttpObject = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
return null;
}
}
}
return XMLhttpObject;
}