好用的AJAX類代碼分享

function Ajax(recvType){ 
var aj=new Object(); 
aj.recvType=recvType ? recvType.toUpperCase() : 'HTML'; //向形參中傳遞的文件類型 
aj.targetUrl=''; 
aj.sendString=''; 
aj.resultHandle=null; 
/*創建XMLHttpRequest對象*/ 
aj.createXMLHttpRequest=function(){ 
var xmlHttp = false; 
if(window.XMLHttpRequest){ //在非IE中創建XMLHttpRequest對象 
xmlHttp = new XMLHttpRequest(); 
}else if(window.ActiveXObject){ 
try{ 
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); //按新版IE創建 
}catch(error1){ //創建失敗 
try{ 
xmlHttp = new ActiveXobject("Microsoft.XMLHttp"); //按老版IE創建 
}catch(error2){ //創建失敗 
xmlHttp = false; 
} 
} 
} 
return xmlHttp; 
} 
aj.XMLHttpRequest=aj.createXMLHttpRequest(); 
/*處理服務器的響應*/ 
aj.processHandle=function(){ 
if(aj.XMLHttpRequest.readyState == 4){ 
if(aj.XMLHttpRequest.status == 200){ 
if(aj.recvType=="HTML") 
aj.resultHandle(aj.XMLHttpRequest.responseText); 
else if(aj.recvType=="XML") 
aj.resultHandle(aj.XMLHttpRequest.responseXML); 
} 
} 
} 
/*定義使用get方法傳遞的方法*/ 
aj.get=function(targetUrl, resultHandle){ 
aj.targetUrl=targetUrl; 
if(resultHandle!=null){ 
aj.XMLHttpRequest.onreadystatechange=aj.processHandle; 
aj.resultHandle=resultHandle; 
} 
if(window.XMLHttpRequest){ 
aj.XMLHttpRequest.open("get", aj.targetUrl); 
aj.XMLHttpRequest.send(null); 
}else{ 
aj.XMLHttpRequest.open("get", aj.targetUrl, true); 
aj.XMLHttpRequest.send(); 
} 
} 
/*定義使用post方法傳遞的方法*/ 
aj.post=function(targetUrl, sendString, resultHandle){ 
aj.targetUrl=targetUrl; 
if(typeof(sendString)=="object"){ 
var str=""; 
for(var pro in sendString){ 
str+=pro+"="+sendString[pro]+"&"; 
} 
aj.sendString=str.substr(0, str.length-1); 
}else{ 
aj.sendString=sendString; 
} 
if(resultHandle!=null){ 
aj.XMLHttpRequest.onreadystatechange=aj.processHandle; 
aj.resultHandle=resultHandle; 
} 
aj.XMLHttpRequest.open("post", targetUrl); 
aj.XMLHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
aj.XMLHttpRequest.send(aj.sendString); 
} 
return aj; 
} 
 
-------------------------[使用方法]-------------------------- 
useAjax.html 
 代碼如下:

<script src="ajax.js"></script> 
<script language="javascript" type="text/javascript"> 
var ajax=Ajax(); 
/*get使用方式*/ 
ajax.get("server.php?name=zhangsan&phone=778", function(data){ 
alert(data); //data為從服務器端讀取的數據 
}); 
/*第一種post使用方式*/ 
/* ajax.post("server.php", "name=ligang&phone=222", function(data){ 
alert(data); 
}); 
*/ 
/*第二種post使用方式*/ 
/* ajax.post("server.php", {name:"tom",phone:"456"},function(data){ 
alert(data); 
}); 
*/ 
</script> 
server.php 
<?php 
header("Content-type:text/html;charset=gb2312"); 
$str = "姓名：{$_GET["name"]}\n電話：{$_GET["phone"]}"; 
echo $str; 
?> 
 
在瀏覽器中輸入useAjax.html的地址，若出現 


則Ajax方法使用正確
 
 




聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com