<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<script type="text/javascript"><!--
function getServerData(getFile) {
xmlhttp = createXMLHttp();
if (xmlhttp) {
rsData = ""; // readystate data
stData = ""; // status data
ttData = ""; // status text
xmlhttp.onreadystatechange = check;
xmlhttp.open('GET', getFile, true);
xmlhttp.send(null);
}
}
function check() {
rsData += xmlhttp.readyState + ", ";
stData += xmlhttp.status + ", ";
ttData += xmlhttp.statusText + ", ";
document.getElementById("disp1").innerHTML = rsData;
document.getElementById("disp2").innerHTML = stData;
document.getElementById("disp3").innerHTML = ttData;
}
// XMLHttpオブジェクト作成
function createXMLHttp() {
try {
return new ActiveXObject ("Microsoft.XMLHTTP");
}catch(e){
try {
return new XMLHttpRequest();
}catch(e) {
return null;
}
}
return null;
}
// --></script>
</head>
<body>
<a href="javascript:getServerData('sample.txt')">sample.txtファイル読み込み</a><br>
<a href="javascript:getServerData('sample2.txt')">存在しないファイルを読み込む</a><br>
■readyStateの結果
<div id="disp1"></div>
<br>
■statusの結果
<div id="disp2"></div>
<br>
■statusTextの結果
<div id="disp3"></div>
</body>
</html>
説明などは本書を参考にしてください。