AjaxHelper的get和post請求的封裝類

      最近在學習ajax的時候發現不斷的調用get和post請求時，代碼重復很多，有的公司會用自帶的封裝的方法，這個可以直接調用ajax的方法，但是在運用的時候我們也應該學習它是怎么封裝的和一些原理性的東西，Ajax技術在很多網站的開發都會用到，異步刷新大大提高了網站的性能。ajax的請求我們歸結了五部曲，下面是我自己通過查找資料和學習總結的ajax的get和post請求的封裝類。

代碼：

var ajaxHelper = {
    //1.得到異步對象
    GetXhr: function () {
        var xhr;
        if (window.XMLHttpRequest) {
           //兼容新式瀏覽器
            xhr = new XMLHttpRequest();
        } else { //兼容IE老式瀏覽器
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
        //返回異步對象
        return xhr;
    },
    //2.定義get請求
    ajaxGet: function (url, callback) {
        this.ajaxComm("get", url, null, callback);
    },
    //3.定義post請求
    ajaxPost: function (url,params,callback) {
        this.ajaxComm("post",url,params,callback);
    },
    //4.公共請求方法
   //method：get,post
   //url:需要發送的請求地址
   //parms:發送給服務器的數據，post的時候才有值，get為null
   //callbakc:請求成功以后的回調函數
    ajaxComm: function (method, url, params, callbakc) {
        //1.0創建異步對象
        var xhr = this.GetXhr();
        //2.0設置請求的參數
        xhr.open(method, url, params, callbakc);
        //3.0防止緩存
        if (method == "get") {
            xhr.setRequestHeader("If-Modified-Since", "0");
        } else {
            xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        }
        //4.0設置回調函數
        xhr.onreadystatechange = function () {
            if(xhr.readyState==4&&xhr.status==200){
                var objdata = xhr.responseText;
                var data = JSON.parse(objdata);
                //執行業務邏輯
                callbakc(data);
            }
        }
        //5.0發送請求
        xhr.send(params);

    }
}