封装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);
    })