サーバーと非同期通信を行うには
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<script type="text/javascript"><!--
function getIndex(getFile) {
xmlhttp = createXMLHttp();
if (xmlhttp) {
xmlhttp.onreadystatechange = check;
xmlhttp.open("GET", getFile, true);
xmlhttp.send(null);
}
}
function check() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("disp").innerHTML = xmlhttp.responseText;
}
}
// 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:getIndex('sample.txt')">sample.txtファイル読み込み</a>
<div id="disp"></div>
</body>
</html>
説明などは本書を参考にしてください。