码迷,mamicode.com
首页 > 微信 > 详细

promise解决微信小程序中的request回调地狱

时间:2019-06-06 18:50:39      阅读:248      评论:0      收藏:0      [点我收藏+]

标签:function   reject   网络   methods   request   resolve   加载   程序   ports   

 

 

//使用
request(url,methods ,data).then(res => {
    //服务器返回数据
    console.log(res );
}).catch(res => {
      //报错
    console.log(res);
}).finally(()=>{
      //完成
     console.log("结束");
})

 

 


 

//封装request方法
const request = (url, method, data) => {
    var promise = new Promise((resolve, reject) => {
        //提示一下
        wx.showLoading({
          title: ‘加载中‘
        })
        //网络请求
        wx.request({
            url: url,
            data: data,
            method: method,
            header: {
            },
            success: function (res) {
                wx.hideLoading()
                //服务器返回数据
                if (res.statusCode == 200) {
                    resolve(res);
                } else {
                    //返回错误提示信息
                    reject(res.data);
                }
            },
            fail: function (e) {
                wx.hideLoading()
                wx.showToast({
                  title: ‘无法连接服务器‘,
                  icon: ‘loading‘,
                  duration: 1000
                })
                reject(‘网络出错‘);
            }
        })
    });
    return promise;
}
module.exports = {
    request:request
}

promise解决微信小程序中的request回调地狱

标签:function   reject   网络   methods   request   resolve   加载   程序   ports   

原文地址:https://www.cnblogs.com/ralapgao/p/10986241.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!