Ajax通訊原理XMLHttpRequest_AJAX教程
      
編輯Tag賺U幣
      




      

      推薦：Ajax通用模板實現代碼
      Ajax通用模板實現代碼，需要的朋友可以參考下。
      顯然AJax就是利用JavaScript腳本訪問數據的一種技術。 
      AJAX 使網頁實現異步更新。這就是在不重新加載整個網頁的情況下，對網頁進行局部更新。 
      XMLHttpRequest 是 AJAX 的關鍵 
      現在瀏覽器均支持 XMLHttpRequest 對象（IE5 和 IE6 使用 ActiveXObject）。 
      向后臺請求數據readyState有五個狀態0：服務器未初始化，1：服務器連接已建立，2請求已接受收，3請求處理中，4請求完成。 
      每改變一次狀態都好觸發一次onreadystatechange 事件，status有兩個狀態：200：“OK”，404：“未找到頁面” 
      下面看一段Ajax前臺實現代碼： 
      復制代碼 代碼如下:www.wf0088.com
       
      <html xmlns="http://www.w3.org/1999/xhtml"> 
      <head runat="server"> 
      <title>無標題頁</title> 
      <script type="text/javascript"> 
      function getName(){ 
      var xmlhttp; 
      if(window.XMLHttpRequest){ 
      xmlhttp=new XMLHttpRequest(); 
      }else{ 
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
      } 
      xmlhttp.onreadystatechange=function(){ 
      if(xmlhttp.readyState==4 && xmlhttp.status==200){ 
      alert("你好："+xmlhttp.responseText); 
      } 
      } 
      xmlhttp.open("post","Default.aspx?id=gname",true); 
      xmlhttp.send(); 
      } 
      </script> 
      </head> 
      <body> 
      <form id="form1" runat="server"> 
      <div> <input id="Button1" type="button" value="button" onclick="getName()" /></p> 
       </div> 
      </form> 
      </body> 
      </html> 
       
      后臺代碼： 
      復制代碼 代碼如下:www.wf0088.com
       
      protected void Page_Load(object sender, EventArgs e) 
      { 
      if (Request["id"]!=null) 
      { 
      Response.Write("張三"); 
      Response.End(); 
      } 
      } 
       
      執行結果：如下圖 
      

       下一次我們看看Jquery是怎么異步請求數據的
      分享：Ajax創建XMLHttp對象的完美兼容性代碼
      Ajax創建XMLHttp對象的完美兼容性代碼，需要的朋友可以參考下。
      


      

      


      來源：模板無憂//所屬分類：AJAX教程/更新時間：2013-04-22


      


      



      


      



      相關AJAX教程：