JQ 的 ajax 封装

Posted 2020-11-01 hai-cheng

JQ 的 ajax 封装
function Ajax(opt){
    var isdefult=opt.isdefult||"need";//判断是否需要这个函数来判断，还是在页面请求回来的数据回来之后判断
    $.ajax({
        url:‘http://haha/‘+opt.url,//数据的接口的路径
        dataType:‘json‘,
        type: opt.type||"get",//请求的方式  默认是get
        data:opt.param||"",//请求的参数  默认是空
        async:opt.async||true,//是否是异步，默认是异步
        timeout: 10000,
        success: function(res) {
            
            if(isdefult=="need"){//判断是否需要这个函数来判断，还是在页面请求回来的数据回来之后判断
                if(res.code==0){//根据自己的项目的返回来判断
                    opt.successBack instanceof Function&&opt.successBack(res.data);//成功的函数，看自己项目传值
                }
                else{
                    console.log(res.msg)
                }
            }
            else
            {
                opt.successBack instanceof Function&&opt.successBack(res);
            }
     },
        error: function(xhr, type, errorThrown){
            console.log(JSON.stringify(xhr));
            console.log(type);
            console.log(errorThrown);
        }
    });
}
看自己的喜欢。可以选择扩展到jquery上面去，也可以是一个函数。

使用方式：
简单的get请求：
Ajax({
  "url":"get/user","successBack":function(data){
  　　//成功之后的一些处理
　　}
})
post请求：
Ajax({
  "url":"get/user","type":"post",
  "param":{"user":"xg"},
  "successBack":function(data){
　　　　//成功之后的一些处理
　　}
})