這篇文章主要講解了“如何實(shí)現(xiàn)AJAX簡(jiǎn)單異步通信”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“如何實(shí)現(xiàn)AJAX簡(jiǎn)單異步通信”吧！

創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)陜西,10余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):18980820575

具體分析如下：

客戶端：向服務(wù)器發(fā)出一個(gè)空請(qǐng)求。

代碼如下：

var xmlHttp;
function createXMLHttpRequest(){
  if(window.ActiveXObject)
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else if(window.XMLHttpRequest)
    xmlHttp = new XMLHttpRequest();
}
function startRequest(){
  createXMLHttpRequest();
  xmlHttp.open("GET","9-1.aspx",true);
  xmlHttp.onreadystatechange = function(){
    if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
      alert("服務(wù)器返回: " + xmlHttp.responseText);
  }
  xmlHttp.send(null);
}

服務(wù)器端：向客戶端直接返回一個(gè)字符串。

代碼如下：

復(fù)制代碼 代碼如下:

<%@ Page Language="C#" ContentType="text/html" ResponseEncoding="gb2312" %>
<%@ Import Namespace="System.Data" %>
<%
    Response.Write("異步測(cè)試成功，很高興");
%>

問(wèn)題一：

由于IE 瀏覽器會(huì)自動(dòng)緩存異步通信的結(jié)果，不會(huì)實(shí)時(shí)更新服務(wù)器的返回結(jié)果。（但Firefox 會(huì)正常刷新）

為了解決異步連接服務(wù)器時(shí)IE 的緩存問(wèn)題，更改客戶端代碼如下：

var sUrl = "9-1.aspx?" + new Date().getTime(); //地址不斷的變化
xmlHttp.open("GET",sUrl,true);

在訪問(wèn)的服務(wù)器地址末尾添加一個(gè)當(dāng)前時(shí)間的毫秒數(shù)參數(shù)，使得每次請(qǐng)求的URL地址不一樣，從而欺騙IE 瀏覽器來(lái)解決IE 緩存導(dǎo)致的更新問(wèn)題。

問(wèn)題二：

當(dāng)測(cè)試程序時(shí)，如果客戶端和服務(wù)器端都在同一臺(tái)計(jì)算機(jī)上時(shí)，異步對(duì)象返回當(dāng)前請(qǐng)求的http狀態(tài)碼 status == 0 ，于是再次更改客戶端代碼如下：

//if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
if( xmlhttp.readyState == 4)
{
   if( xmlhttp.status == 200 || //status==200 表示成功！
     xmlhttp.status == 0 ) //本機(jī)測(cè)試時(shí)，status可能為0。
      alert("服務(wù)器返回: " + xmlHttp.responseText);
}

于是，最終的客戶端代碼如下：

var xmlHttp;
function createXMLHttpRequest(){
  if(window.ActiveXObject)
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else if(window.XMLHttpRequest)
    xmlHttp = new XMLHttpRequest();
}
function startRequest(){
  createXMLHttpRequest();
  var sUrl = "9-1.aspx?" + new Date().getTime(); //地址不斷的變化
  xmlHttp.open("GET",sUrl,true);
  xmlHttp.onreadystatechange = function(){
    //if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
    if( xmlhttp.readyState == 4)
    {
     if( xmlhttp.status == 200 || //status==200 表示成功！
       xmlhttp.status == 0) //本機(jī)測(cè)試時(shí)，status可能為0。
      alert("服務(wù)器返回: " + xmlHttp.responseText);
     }
  }
  xmlHttp.send(null);
}

感謝各位的閱讀，以上就是“如何實(shí)現(xiàn)AJAX簡(jiǎn)單異步通信”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)如何實(shí)現(xiàn)AJAX簡(jiǎn)單異步通信這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！