XMLHttpRequest對象的建立

來源:互聯網
上載者:User
首先先介紹一下XMLHttpRequest對象,我們都知道Ajax它並不是單單一門技術,而是幾種技術的融合。XMLHttpRequest是Ajax技術體系中最為核心的技術,如果沒有XMLHttpRequest,Ajax的其餘技術就無法成為一個有機的整體。在Ajax應用程式中XMLHttpRequest對象負責將使用者資訊以非同步方式發送到伺服器,並接收伺服器返回的響應資訊和資料。

XMLHttpRequest時XMLHttp組件的一個對象,使用XMLHttpRequest可以實現不向伺服器提交整個頁面的情況下,局部更新網頁資訊。可能這麼說有點抽象吧,大家都經常進QQ空間看社交動向更新,有些好友分享了視頻,我們點擊播放之後無論是在視頻緩衝期間還是在播放期間滑鼠跟鍵盤都沒有喪失活動能力,我們可以繼續瀏覽其他動態,而我們在上下滑動滑鼠滾輪的時候,視頻頁面也跟隨我們瀏覽的當前位置上下移動,如所示,這樣的功能就可以通過Ajax實現。

XMLHttpRequest對象提供了一系列的屬性和方法來向伺服器發送非同步HTTP請求。在伺服器處理使用者請求的過程中,XMLHttpRequest對象通過屬性的狀態值來即時反映HTTP請求所處的狀態並根據得到的狀態指導javascript做相應的處理。此外當伺服器順利響應使用者動作並將使用者返回時,XMLHttpRequest提供的response系列方法可以將返回的資料群組裝成文字格式設定、XML格式或者unsigned byte資料格式提供的javascript指令碼處理。

使用XMLHttpRequest對象發送請求和處理響應之前,必須要使用javascript建立XMLHttpRequest對象。由於XMLHttpRequest對象目前還不是W3C標準,所以在新版本IE瀏覽器、舊版本IE瀏覽器以及非IE瀏覽器中的建立方法也不同。因此在建立XMLHttpRequest對象之前需要先判斷瀏覽器的類型。對於版本較低的IE瀏覽器需要使用Microsoft.XMLHTTP,而對於版本較高的IE瀏覽器需使用Msxml2.XMLHTTP。

下面是建立XMLHttpRequest對象的代碼:

<span style="font-family:KaiTi_GB2312;font-size:18px;">    <script language="javascript" type="text/javascript">        var xmlHttp;        //使用新版本的IE建立XMLHttpRequest對象        try {            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");        } catch (e) {            //使用舊版本的IE建立XMLHttpRequest對象            try {                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");            } catch (E) {}        }        //使用其他瀏覽器建立XMLHttpRequest對象        if (!xmlHttp && typeof XMLHttpRequest !='undefined') {            try{                xmlHttp=new XMLHttpRequest();            } catch (e) {                xmlHttp = false;            }        }    </script></span>


從代碼中我們可以看出,雖然需要進行邏輯判斷,但是建立XMLHttpRequest對象並不複雜。自己對於XMLHttpRequest的理解也不是很透徹,只是根據視頻中的執行個體和Ajax編程技術課本中的知識進行了整理,希望大家可以多多交流,共同進步。

以上就是XMLHttpRequest對象的建立的內容,更多相關內容請關注topic.alibabacloud.com(www.php.cn)!

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.