ファイルが読み込めない、存在しない場合の処理を行う

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<script type="text/javascript"><!--
function getFile(filename) {
xmlhttp = createXMLHttpRequest();
if (xmlhttp) {
document.getElementById("result").innerHTML = "読み込み中です";
xmlhttp.onreadystatechange = check;
xmlhttp.open("get", filename, true);
xmlhttp.send(null);
}
}
function check() {
var divObj = document.getElementById("result");
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
divObj.innerHTML = "読み込み完了";
}
if (xmlhttp.readyState == 4 && xmlhttp.status == 404) {
divObj.innerHTML = "ファイルがありませんでした";
}
}
function abortHttp()
{
xmlhttp.abort(); // 読み込み処理を中断
document.getElementById("result").innerHTML = "読み込みを中断しました";
}
// XMLHttpオブジェクト作成
function createXMLHttpRequest()
{
var XMLhttpObject = null;
try{
XMLhttpObject = new XMLHttpRequest();
}catch(e){
try{
XMLhttpObject = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
XMLhttpObject = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
return null;
}
}
}
return XMLhttpObject;
}
// --></script>
</head>
<body>
<form>
<input type="button" value="存在するファイルを読み込む" onClick="getFile('sample.xml')"><br>
<input type="button" value="存在しないファイルを読み込む" onClick="getFile('ajax.xml')"><br>
</form>
<div id="result"></div>
</body>
</html>
・サンプルを実行する
Ajax逆引きクイックリファレンス　説明などは本書を参考にしてください。