Ajax封装技术

Ajax封装技术

/**
*
* @param method 表示提交的方式
* @param url 表示提交的地址
* @param params 表示提交的参数 key=val&key1=val1&.....
* @param handler200 处理成功
* @param handler404 处理资源未找到
* @param handler500 处理服务器错误
* @param loading 加载效果
*
* ajaxutil("get","ajax?age=12","username=lisi&password=123123")
*
*
*
*/

function ajaxutil(method,url,params,handler200,handler404,handler500,loading){

method = method || "get";
url = url || "";

//创建一个请求对象
var request;
//为了处理浏览器的差异性问题
//第一个更通用 判断window对象中是否含有 XMLHttpRequest对象 如果有 则直接new出来使用
//如果没有 则表示是ie浏览器 要采用特殊的方式进行创建
if(window.XMLHttpRequest){
//创建对象
request = new XMLHttpRequest();
}else if(window.ActiveXObject){
request = new ActiveXObject("Msxml2.XMLHTTP");
}

//监听
request.onreadystatechange =function(){
if(request.readyState == 4){
//处理成功请求
if(request.status == 200){
if(typeof handler200 == 'function'){
handler200(request.responseText);
}
}else if(request.status == 404){
if(typeof handler404 == 'function'){
handler404();
}
}
else if(request.status == 500){
if(typeof handler500 == 'function'){
handler500(request.responseText);
}
}
}else{
if(typeof loading == 'function'){
loading();
}
}
};

//get方式提交
if(method.toLowerCase() == "get"){

//先判断参数有没有 如果有 才处理地址 如果没有 不管
if(params){
url = url+((url.indexOf('?')==-1)?"?":"&")+params;
}
request.open(method, url);
request.send(null);
}else if(method.toLowerCase() == "post"){
request.open(method, url);
//设置编码方式
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
request.send(params||null);

}

}