1. 程式人生 > >ajax函數封裝

ajax函數封裝

obj req ces header activex 工作原理 alert 處理 不可

開發中有時要用到ajax,不可能每次都去ajax,所以就封裝了ajax函數。該文不包括ajax的基礎,如果有興趣可以查看我的另外一篇文章ajax的工作原理http://www.cnblogs.com/salmonlin/p/8962777.html

function ajax (method,url,data,success){ //四個參數,method是方法,url是路徑,data是先後臺傳送的參數,success是後調函數
var xhr = null;
try{ //處理XMLHttpRequest對象的兼容性
xhr = new XMLHttpRequest();
}catch(e){
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
if(method == ‘get‘ && data){
url += ‘?‘ + data;
}
xhr.open(method,url,true);
if(method == ‘get‘){
xhr.send();
}
else{
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xhr.send(data);
}

xhr.onreadystatechange=function(){
if ( xhr.readyState == 4 ) {

if ( xhr.status == 200 ) {
success && success(xhr.responseText);
}
else {
alert(‘出錯了,Err:‘ + xhr.status);
}
}
}
}

ajax函數封裝