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; }