AJAX入門

 Ajax是瀏覽器端的異步刷新。只是局部更新。使得網絡慢的時候用戶不會等太久。

步驟(例子):

Html代碼
  1. <title>首頁</title>  
  2. </head>  
  3. <script type="text/javascript">  
  4.     function dizhi(){  
  5.         var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");  
  6.         xmlHttp.open("GET","ajax1.jsp","true");  
  7.         xmlHttp.onreadystatechange = function(){  
  8.             if(xmlHttp.readyState == 4){  
  9.                 div1.innerHTML = xmlHttp.responseText;  
  10.             }  
  11.         }  
  12.         alert(xmlHttp.readyState);  
  13.         xmlHttp.send();  
  14.     }  
  15. </script>  
  16. <body>  
  17. 歡迎來到重慶文理學院  
  18. <input type="button" value="學校地址" onclick="dizhi()">  
  19. <div id="div1"></div>  

步驟:

       1:var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

        //IE瀏覽器實例化 "Msxml2.XMLHTTP"對象

       2:xmlHttp.open("GET","ajax1.jsp","true");

        //異步提交的目標和方法

       3:xmlHttp.onreadystatechange() = function(){

        //xmlHttp狀態改變時,進行處理代碼

       4:        if(xmlHttp.readyState==4){

                //xmlHttp.readyState 有0~4 5種狀態

                0:未初始化狀態,未調用open()

                1:已經初始化狀態,已經調用open()

                2:發送數據狀態,調用send()以後

                3:數據傳送中狀態,已經接受部分,但是沒有接受完成

                4:完成狀態,數據接受完成

                        div1.innerHTML = xmlHttp.responseText;

                        //xmlHttp.responseText 是從目標提取出來的文本內容

                  }

       5:xmlHttp.send();

}


發佈了53 篇原創文章 · 獲贊 1 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章