XMLHttpRequest編寫AJAX應用步驟

來源:互聯網
上載者:User

大致分為如下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自己完成了

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.