ajax的封装

这是我整理的ajax的方法，有单独的get方法，post方法，也有ajax的完全封装

//  get  方法需要处理的是   路径和数据序列化
function get(url,data,callBack){
    var xhr = getXHR();
    if(!!data && data instanceof Function){
        callBack = data;
        data = undefined;
    }
    url = url + "?rand=" + new Date().getTime();
    if(!!data){
        url += "&" + serialize(data);
    }
    xhr.open("get",url);
    xhr.send();
    xhr.onreadystatechange = function(){
        // 这里是状态监听
        if(xhr.readyState ===4){
            if(xhr.status === 200){
                callBack(xhr.responseText);
            }else{
                callBack("请求错误    错误提示：" + xhr.status + "  ; 错误原因：" + xhr.statusText);
            }
        }
    }
}

// post 方法处理的是   数据序列化，不考虑路径，需要注意的是，这需要请求头信息，发送方法也不一样
function post(url,data,callBack){
    var xhr = getXHR();
    if(!!data && data instanceof Function){
        callBack = data;
        data = undefined;
    }
    data = !!data ? serialize(data) : null;
    xhr.open("post",url);
    xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    xhr.send(data);
    xhr.onreadystatechange=function(){
        if(xhr.readyState === 4){
            if(xhr.status === 200){
                callBack(xhr.responseText);
            }else{
                callBack("请求出现错误：错误提示" + xhr.status + ";错误原因:" + xhr.statusText);
            }
        }
    }
}
//    封装getJSON,  从后台获得   json  格式的数据


//  封装ajax完全版   这个是以对象的方式获取 例子如下：
/**
 * var obj = {
 *      type : "post",
 *      url : "ajax.php",
 *      data : {
 *          uname : "tom",
 *          age : 19
 *      },
 *      success : function(res){
 *          console.log(res);
 *      },
 *      error : function(res){
 *          console.log(res);
 *      }
 * }
 * ajax(obj);
 * 
*/
function ajax(param){
    if(!!param.data){
        param.data = serialize(param.data);
    }
    if(param.type.toLowerCase() === "get"){
        param.url += "?rand=" + new Date().getTime();
        if(!!param.data){
            param.url += "&" + param.data;
        }
    }
    var xhr = getXHR();
    xhr.open(param.type,param.url);
    if(param.type.toLowerCase() === "post"){
        xhr.setRequestHeader("Content-Type","application/x-www-form-urlcoded");
        xhr.send(param.data);
    }else{
        xhr.send();
    }
    xhr.onreadystatechange = function(){
        if(xhr.readyState !=4) return ;
        if(xhr.status == 200){
            param.success(xhr.responseT);
        }else{
            if(!!param.error){
                param.error(new Error("请求出现错误：错误提示" + xhr.status + ";错误原因:" + xhr.statusText));
            }
        }
    }
}
// 获取xhr对象
function getXHR(){
    var xhr = null;
    if(!!window.XMLHttpRequest){
        xhr = new XMLHttpRequest();
    }else{
        xhr = ActiveXObject();
    }
    return xhr;
}
//  将参数data序列化
function serialize(obj){
    var paramArr = [];
    for (var key in obj) {
        paramArr.push(key + "=" + encodeURIComponent(obj[key]));
    }
    return paramArr.join("&");
}

以上代码仅供参考