封装公用的ajax网络请求，将ajax请求封装-蒲公英云

封装公用的ajax网络请求，将ajax请求封装

r囧r小猫 2021-10-19 10:50 512阅读 0赞

封装网络请求

在公共的文件里面写入：(我的文件 config.js )

const config = {
    //  域名
    httpURL: 'https://abcabc.cn', 
    // 封装数据请求
    /**
     * method  请求方法  get、post
     * url   请求的api
     * data  请求参数{}
     * resolve 成功的回调
     * reject  失败的回调
     */
    RequestData:(method,url,data)=>{     
        return new Promise((resolve,reject)=>{
            $.ajax({
                type: method,
                url: url,
                contentType: 'application/x-www-form-urlencoded;charset=utf-8',
                data: data,
                dataType: "json",
                complete:res=>{
                    if(res.success){
                         resolve(res);   // 成功
                    }else{   
                        reject(res);   // 失败
                    }
                }
            })
        })
    }
}

.html页面

/*
* 引入jquery、
* 引入自己写的config.js文件（封装的网络请求）
*/
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script src="../js/config.js"></script>
/*
* 使用请求
*/
getData(){
    var url = config.httpURL+'/v1/membercenter/getMyOrderList.do';
    var params = {
        session:localStorage.getItem('session')
    }
    config.RequestData('post',url,params).then(res=>{
        if(res.success){
            // 数据请求成功
        }
   }).catch(err=>{
           // 数据请求失败
        console.log(err);
   })
}
this.getData();    // 调用方法