Ajax異步請求(在不刷新整個頁面的情況下,實現(xiàn)局部交換客戶

1、AJAX 的要點是 XMLxmlHttpuest 對象。不同的瀏覽器創(chuàng)建 XMLxmlHttpuest 對象的方法是有差異的。IE 瀏覽器使用 ActiveXObject，而其他的瀏覽器使用名為 XMLxmlHttpuest 的 JavaScript 內(nèi)建對象。一、創(chuàng)建請求 首先要判斷當前的客戶所使用的瀏覽器的內(nèi)核類型，因為不同的瀏覽器內(nèi)核創(chuàng)建 XMLxmlHttpuest 對象的方法是有差異的。 判斷是IE的內(nèi)核：window.ActiveXObject 判斷不是IE內(nèi)核：window.XMLxmlHttpuest 創(chuàng)建請求 創(chuàng)建IE的內(nèi)核的請求xmlHttp=new ActiveXObje

2、ct("Msxml2.XMLHTTP"); xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); 創(chuàng)建非IE的內(nèi)核的請求xmlHttp=new XMLHttpRequest();(備注：較新版本的 Internet Explorer，則需要使用對象 Msxml2.XMLHTTP，而較老版本的 Internet Explorer 則使用 Microsoft.XMLHTTP)建議使用一下代碼：try / Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest();

3、catch (e) / Internet Explorertry xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); catch (e)tryxmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); catch (e) alert("您的瀏覽器不支持AJAX！"); return false; 或者 tryif( window.ActiveXObject )for( var i = 5; i; i- )tryif( i = 2 )xmlHttp = new A

4、ctiveXObject( "Microsoft.XMLHTTP" ); elsexmlHttp = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" );alert("Msxml2.XMLHTTP." + i + ".0" );xmlHttp.setRequestHeader("Content-Type","text/xml");xmlHttp.setRequestHeader("Charset&q

5、uot;,"gb2312"); break;catch(e)xmlHttp = false; else if( window.XMLxmlHttpuest )xmlHttp = new XMLHttpRequest();if (xmlHttp.overrideMimeType)xmlHttp.overrideMimeType('text/xml'); else alert("不支持您的瀏覽器"); catch(e) xmlHttp = false; 或者 if(window.ActiveXObject) /創(chuàng)建IE內(nèi)核的請求 xmlHtt

6、p = new ActiveXObject("Microsoft.XMLHTTP"); else if(window.XMLHttpRequest) /創(chuàng)建火狐內(nèi)核的請求 xmlHttp = new XMLHttpRequest(); else alert("咱不支持您的瀏覽器!"); 二、發(fā)送請求 準備數(shù)據(jù) url：即請求的資源 method：請求的方式GET/POST（只使用GET） 打開請求，裝載數(shù)據(jù) xmlHttp.open("GET",url,true); 做好處理結(jié)果的準備 xmlHttp.onreadystatechan

7、ge=dowork;(dowork是一個JS) 發(fā)送請求 xmlHttp.send(null);三、處理結(jié)果 當請求狀態(tài)發(fā)生改變的時候，自動回調(diào)屬性onreadystatechange中的函數(shù)（方法，這里指的是dowork），在改方法中處理結(jié)果 狀態(tài)有五種，對應如下： 0：請求未初始化（還沒有調(diào)用 open()）。 1：請求已經(jīng)建立，但是還沒有發(fā)送（還沒有調(diào)用 send()）。 2：請求已發(fā)送，正在處理中（通常現(xiàn)在可以從響應中獲取內(nèi)容頭）。 3：請求在處理中；通常響應中已有部分數(shù)據(jù)可用了，但是服務器還沒有完成響應的生成。 4：響應已完成；您可以獲取并使用服務器的響應了。 function do

8、work() if(xmlHttp.readyState = 4) /alert("獲得響應"); var text = xmlHttp.responseText;/獲得servlet中傳遞過來的數(shù)據(jù)放到text中 var lab2 = document.getElementById('lab2');/取得本頁面（jsp）中的叫“l(fā)ab2”的label中 lab2.innerHTML=text;/將text中的內(nèi)容放到lab2中 將獲得的數(shù)據(jù)放到lable中 var text = xmlHttp.responseText;/獲得servlet中傳遞過來的數(shù)據(jù)放到text var lab2 = document.getElementById('lab2');/取得本頁面（jsp）中的叫“l(fā)ab2”的lab