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