?? Ajax目前是社區(qū)內(nèi)最熱門(mén)的話題之一了，最近在我們的項(xiàng)目中用了大量的Ajax，現(xiàn)在把我們的使用方法在這兒寫(xiě)出來(lái)，希望大家能指教。
因?yàn)橐玫紸jax就肯定要用到XMLHttpRequest對(duì)象，但由于不同的瀏覽器版本，相應(yīng)的生成它的方法也有所不同，所以我們不得不對(duì)瀏覽器的版本進(jìn)行判斷，試想，如果我們要在很多地方都要寫(xiě)那些繁瑣的代碼會(huì)覺(jué)的很麻煩，代碼的重用也很低，所以我們寫(xiě)一個(gè)Ajax的對(duì)象。代碼如下：
//*********************************************************
// 目的：??? AJAX類
// 輸入：??? 無(wú)
// 返回：??? 返回XMLHttp對(duì)象
// 例子：??? var myConn = new XHConn();
//
//?????????? if (!myConn) alert("XMLHTTP not available. Try a newer/better browser.");
//
//?????????? var fnWhenDone = function (oXML) { alert(oXML.responseText); };
//
//?????????? myConn.connect("mypage.php", "POST", "foo=bar&baz=qux", fnWhenDone);
//
//*********************************************************
function XHConn()
{
? var xmlhttp = false, bComplete = false;
? try
? {
? ?xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
? }
? catch (e)
? {
? ?try
? ?{
? ??xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
? ?}
??? catch (e)
??? {
? ??try
? ??{
? ???xmlhttp = new XMLHttpRequest();
? ??}
? ??catch (e)
? ??{
? ???xmlhttp = false;
? ??}
? ?}
? }
? if (!xmlhttp) return null;
? this.connect = function(sURL, sMethod, sVars, fnDone)
? {
??? if (!xmlhttp) return false;
??? bComplete = false;
??? sVars = (sVars == '') ? Math.random() : sVars + "&" + Math.random();
??? sMethod = sMethod.toUpperCase();
??? try
??? {
????? if (sMethod == "GET")
????? {
??????? xmlhttp.open(sMethod, sURL+"?"+sVars, true);
??????? xmlhttp.setRequestHeader("Content-Type", "text/html;charset=GB2312");
??????? sVars = "";
????? }
????? else
????? {
??????? xmlhttp.open(sMethod, sURL, true);
??????? xmlhttp.setRequestHeader("Method", "POST "+sURL+" HTTP/1.1");
??????? xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
????? }
????? xmlhttp.onreadystatechange = function()
????? {
??????? if (xmlhttp.readyState == 4 && !bComplete)
??????? {
????????? bComplete = true;
????????? fnDone(xmlhttp);
??????? }
????? };
?????
????? xmlhttp.send(sVars);
??? }
??? catch(z)
??? {
??? ?return false;
??? }
??? return true;
? };
?
? return this;
}
通過(guò)這個(gè)對(duì)象，我們把那些繁瑣的代碼都封裝到里面，這樣大大提高了代碼的重用性，每次要用Ajax時(shí)我們只需要在我們的頁(yè)面上 new一個(gè)XHConn()對(duì)象就行了，然后通過(guò)調(diào)用它的方法connect（sURL, sMethod, sVars, fnDone）就可以和服務(wù)器進(jìn)行異步交互了。