本文實例講述了ajax簡單異步通信的方法。分享給大家供大家參考。具體分析如下：
客戶端：向服務(wù)器發(fā)出一個空請求。
代碼如下:
<html> <head> <title>xmlhttprequest</title> <script language=javascript> 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); } </script> </head> <body> <input type=button value=測試異步通訊 onclick=startrequest()> </body> </html>
服務(wù)器端：向客戶端直接返回一個字符串。
代碼如下:
<%@ page language=c# contenttype=text/html responseencoding=gb2312 %><%@ import namespace=system.data %>
<%
response.write(異步測試成功，很高興);
%>
問題一：
由于ie 瀏覽器會自動緩存異步通信的結(jié)果，不會實時更新服務(wù)器的返回結(jié)果。（但firefox 會正常刷新）
為了解決異步連接服務(wù)器時ie 的緩存問題，更改客戶端代碼如下：
?12 var surl = 9-1.aspx? + new date().gettime(); //地址不斷的變化 xmlhttp.open(get,surl,true);
在訪問的服務(wù)器地址末尾添加一個當(dāng)前時間的毫秒數(shù)參數(shù)，使得每次請求的url地址不一樣，從而欺騙ie 瀏覽器來解決ie 緩存導(dǎo)致的更新問題。
問題二：
當(dāng)測試程序時，如果客戶端和服務(wù)器端都在同一臺計算機(jī)上時，異步對象返回當(dā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ī)測試時，status可能為0。 alert(服務(wù)器返回: + xmlhttp.responsetext); }
于是，最終的客戶端代碼如下：
?1234567891011121314151617181920212223242526272829303132 <html> <head> <title>xmlhttprequest</title> <script language=javascript> 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ī)測試時，status可能為0。 alert(服務(wù)器返回: + xmlhttp.responsetext); } } xmlhttp.send(null); } </script> </head> <body> <input type=button value=測試異步通訊 onclick=startrequest()> </body> </html>
希望本文所述對大家的ajax程序設(shè)計有所幫助。
公眾號
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試