使用Promise对微信小程序wx.request请求方法进行封装

最新推荐文章于 2024-09-23 00:52:49 发布

置顶春风十里柔情

最新推荐文章于 2024-09-23 00:52:49 发布

阅读量797

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_42196458/article/details/94460692

版权

微信小程序专栏收录该内容

3 篇文章 0 订阅

订阅专栏

/**
 * 封装request请求
 * 
 * 不要掉入回调的地狱中...
 */
function request(url, data = {}, method = "POST", ) {
  return new Promise(function(resolve, reject) {
      wx.request({
        url: url,
        data: data,
        method: method,
        header: {
          'Content-Type': 'application/json',
        },
        success: function (res) {
          if (res.statusCode == 200) {
            if (res.data.code == 0) {
              resolve(res.data);
            } else {
              wx.hideLoading();
              wx.showModal({
                title: '提示',
                content: res.data.msg,
                showCancel: false,
                success: function (res) { }
              })
              reject(res.data);
            }
          }else{
            wx.hideLoading();
            wx.showModal({
              title: '提示',
              content: '网络请求超时！',
              showCancel: false,
              success: function (res) { }
            })
            reject();
          }
        },
        fail: function (err) {
          wx.hideLoading();
          wx.showModal({
            title: '提示',
            content: '网络请求超时！',
            showCancel: false,
            success: function (res) { }
          })
          console.log("err", err);
          reject();
        }
      })
  })
}



/**
 * 使用方法
 */
 //引入封装的工具文件
 const apiUtil = require('../../utils/ApiUtil.js');
 var data = {
     name:"小明",
     age:18,
     sex:0
 }
apiUtil.request("http://www.baidu.com", data).then(res => {
     console.log("请求成功")
}).catch(err => {
     console.log("请求失败")
})