實現Ajax的基本步驟

要完整實現一個AJAX異步調用和局部刷新,通常需要以下幾個步驟:
 
    (1)創建XMLHttpRequest對象,也就是創建一個異步調用對象.

     (2)創建一個新的HTTP請求,並指定該HTTP請求的方法、URL及驗證信息.

     (3)設置響應HTTP請求狀態變化的函數.

     (4)發送HTTP請求.

     (5)獲取異步調用返回的數據.

     (6)使用JavaScript和DOM實現局部刷新.

1、創建XMLHttpRequest對象

     不同的瀏覽器使用的異步調用對象也有所不同,在IE瀏覽器中異步調用使用的是XMLHTTP組件中的XMLHttpRequest對象,而在Netscape、Firefox瀏覽器中則直接使用XMLHttpRequest組件。因此,在不同瀏覽器中創建XMLHttpRequest對象的方式都有所不同.

   在IE瀏覽器中創建XMLHttpRequest對象的方式如下所示:

    varxmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");

   在Netscape瀏覽器中創建XMLHttpRequest對象的方式如下所示:

    varxmlHttpRequest = new XMLHttpRequest();

   由於無法確定用戶使用的是什麼瀏覽器,所以在創建XMLHttpRequest對象時,最好將以上兩種方法都加上.如以下代碼所示:

<html>

          <head>

                        <title>創建XMLHttpRequest對象</title>

                        <script language = "javascript" type ="text/javascript">

                        <!--

                               var xmlHttpRequest; //定義一個變量,用於存放XMLHttpRequest對象

                               functioncreateXMLHttpRequest()   //創建XMLHttpRequest對象的方法

                              {

                          
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章