AJAX overrideMimeType

//使用者名校驗的方法
//這個方法将使用XMLHTTPRequest對象來進行AJAX的異步資料互動
var xmlhttp;
function verify() {
    //0。使用dom的方式擷取文本框中的值
    //document.getElementById("userName")是dom中擷取元素節點的一種方法，一個元素節點對應HTML頁面中的一個标簽，如果<input>
    //。value可以擷取一個元素節點的value屬性值
    var userName = document.getElementById("userName").value;

    //1.建立XMLHttpRequest對象
    //這是XMLHttpReuquest對象無部使用中最複雜的一步
    //需要針對IE和其他類型的浏覽器建立這個對象的不同方式寫不同的代碼

    if (window.XMLHttpRequest) {
        //針對FireFox，Mozillar，Opera，Safari，IE7，IE8
        xmlhttp = new XMLHttpRequest();
        //針對某些特定版本的mozillar浏覽器的BUG進行修正
        if (xmlhttp.overrideMimeType) {
            xmlhttp.overrideMimeType("text/xml");
        }
    } else if (window.ActiveXObject) {
         //針對IE6，IE5.5，IE5
        //兩個可以用于建立XMLHTTPRequest對象的控件名稱，儲存在一個js的數組中
        //排在前面的版本較新
        var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
        for (var i = 0; i < activexName.length; i++) {
            try{
                //取出一個控件名進行建立，如果建立成功就終止循環
                //如果建立失敗，回抛出異常，然後可以繼續循環，繼續嘗試建立
                xmlhttp = new ActiveXObject(activexName[i]);
                break;
            } catch(e){
            }
        }
    }
    //确認XMLHTtpRequest對象建立成功
    if (!xmlhttp) {
        alert("XMLHttpRequest對象建立失敗!!");
        return;
    } else {
        alert(xmlhttp.readyState);
    }

    //2.注冊回調函數
    //注冊回調函數時，之需要函數名，不要加括号
    //我們需要将函數名注冊，如果加上括号，就會把函數的傳回值注冊上，這是錯誤的
    xmlhttp.onreadystatechange = callback;

    //3。設定連接配接資訊
    //第一個參數表示http的請求方式，支援所有http的請求方式，主要使用get和post
    //第二個參數表示請求的url位址，get方式請求的參數也在url中
    //第三個參數表示采用異步還是同步方式互動，true表示異步
    xmlhttp.open("GET","AJAXServer?name="+ userName,true);

    //POST方式請求的代碼
    //xmlhttp.open("POST","AJAXServer",true);
    //POST方式需要自己設定http的請求頭
    //xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    //POST方式發送資料
    //xmlhttp.send("name=" + userName);

    //4.發送資料，開始和伺服器端進行互動
    //同步方式下，send這句話會在伺服器段資料回來後才執行完
    //異步方式下，send這句話會立即完成執行
    xmlhttp.send(null);
}

//回調函數
function callback() {
    //alert(xmlhttp.readyState);
    //5。接收響應資料
    //判斷對象的狀态是互動完成
    if (xmlhttp.readyState == 4) {
        //判斷http的互動是否成功
        if (xmlhttp.status == 200) {
            //擷取服務漆器端傳回的資料
            //擷取伺服器段輸出的純文字資料
            var responseText = xmlhttp.responseText;
            //将資料顯示在頁面上
            //通過dom的方式找到div标簽所對應的元素節點
            var divNode = document.getElementById("result");
            //設定元素節點中的html内容
            divNode.innerHTML = responseText;
        } else {
            alert("出錯了！！！");
        }
    }
}