封裝jq的ajax

開發中很多請求頭和url都是公用的,封裝能省很多事

一 公共部分

     var commomUrl = "http://192.162.70.12/api"; // 公共前綴url
     var commonHeader = { // 公共header
         "Accept": "application/json",
        "Authorization": "Bear " + "..."
     } 

 二 封裝

//公共ajax封裝
    function ajax(url, type, params, beforefn, successfn, errorfn) {
        $.ajax({
            url: commomUrl + url,
            type: type,
            headers: commonHeader,
            data: params,
            beforeSend:function(res){
                beforefn(res)
                console.log('看需要寫不寫,發送前的就是放加載圖標的地方,這里顯示,success和error函數里就隱藏');
            },
            success: function (res) {
                successfn(res);
            },
            error: function (res) {
                errorfn(res);            
            },
            complete:function(){
                console.log('結束 看需要寫不寫');
            }
        });
    }

 

三 POST或GET調用

    var url = "/com/login"; // 接口    
    var params = { // 參數
        "username": XXX,
        "password": "XXX"
    }
// 調用公共ajax
    ajax(url, "POST", params, function(res){ // POST或GET請求直接傳參
        console.log(res);
//        $("#loadImg").show();
    }, function(res){
//        $("#loadImg").hide();
        console.log(res);
    }, function(res){
//        $("#loadImg").hide();
        console.log(res);
    })