ajax - ajaxリクエストで0ステータスを取得する

Question

私はajaxが初めてです。私はそれを学び始めたばかりです。以下は私の最初の ajax スクリプトです。チュートリアルでは、同じスクリプトでステータス 200 が表示されますが、ブラウザで実行すると、ステータスは 0 です。さらに、出力は Firefox、Chrome、および IE でのみ表示され、出力は表示されません。

window.onload=onload_ajax;
var xhr=false;
function onload_ajax() 
{
if(XMLHttpRequest())
    xhr= new XMLHttpRequest();
else if(window.ActiveXObject){
    xhr= new ActiveXObject("Microsoft.XMLHTTP");
    }
if(xhr){
    xhr.onreadystatechange=showState;
    xhr.open("GET","colors.xml",true);
    xhr.send(null);
    }
    else document.getElementById('updateArea').innerHTML="Ahh... Some Error..!!";

}

function showState(){

    var curmsg= document.getElementById('updateArea').innerHTML;
    document.getElementById('updateArea').innerHTML=curmsg+"<p> The current
     Requestst state is "+ xhr.readyState + " and the status is "+ 
     xhr.status + " . </p>"

    }

Firefox での出力

現在の Request 状態は 1 で、ステータスは 0 です。

現在の Request 状態は 1 で、ステータスは 0 です。

現在の Request 状態は 2 で、ステータスは 0 です。

現在の Request 状態は 3 で、ステータスは 0 です。

現在の Request 状態は 4 で、ステータスは 0 です。