XMLHttpRequest編寫AJAX應用步驟

大致分為如下5步：

1）建立XMLHttpRequest對象 ，注意不同瀏覽器的建立方法不一樣：    

對於FireFox，Mozillar，Opera，Safari，IE7，IE8，建立方法如下：   

XMLHttpRequest  xmlhttp = new XMLHttpRequest();    

對於IE6,IE5.5,IE5 ，建立方法為：    

var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
        for (var i = 0; i < activexName.length; i++) {
            try{
                //取出一個控制項名進行建立，如果建立成功就終止迴圈
                //如果建立失敗，回拋出異常，然後可以繼續迴圈，繼續嘗試建立
                xmlhttp = new ActiveXObject(activexName[i]);
                break;
            } catch(e){
            }

 

 

2）註冊回呼函數

xmlhttp.onreadystatechange = callback;

 

這裡是把回呼函數名賦值給onreadystatechange ，不要寫成callback（），後者表示是把回呼函數的執行結果進行賦值

 

3）建立串連資訊，即設定提交方式，伺服器的url，是否採取非同步通訊。如果是get提交方式，可以講參數拼接在URL中

xmlhttp.open("GET","ServerURL?name="+ userName,true);

 

4）提交資料到伺服器，開始互動

xmlhttp.send(null);

 

如果在步驟3中採取的是Get方式，提交的參數已經拼接在了URL裡，所以這裡發送資料時可以傳一個null值

 

 

5）接收伺服器傳回的資料。 在取資料前需要判斷互動是否完成

if (xmlhttp.readyState == 4) {
        //判斷http的互動是否成功
        if (xmlhttp.status == 200) {
            。。。開始擷取服務漆器端返回的資料

 

readyState  取值如下：

0：請求未初始化（還沒有調用 open()）。
1：請求已經建立，但是還沒有發送（還沒有調用 send()）。
2：請求已發送，正在處理中（通常現在可以從響應中擷取內容標題）。
3：請求在處理中；通常響應中已有部分資料可用了，但是伺服器還沒有完成響應的產生。
4：響應已完成；您可以擷取並使用伺服器的響應了。

 

如果採用Jquery的話，我們編寫的代碼會減少很多。如步驟1中瀏覽器的判斷，這些都用jquery自己完成了