微信小程序项目request请求封装

在了pages的同级目录utils下的utils.js中添加以下代码
const requestData = {
  /**
   * url = String 请求地址
   * obj = Object 请求参数
   * success = function 成功回调
   * fail = function 成功回调
   */
  get: (url, data, success, fail) => {
    if ((typeof data) == 'function') {
      if (success && (typeof success) == 'function') {
        fail = success;
      }
      success = data;
      data = '';
      console.log(success, data, fail)
    }
    wx.request({
      url: url,
      data: data || '',
      header: {},
      method: 'GET',
      dataType: 'json',
      responseType: 'text',
      success(res) {
        if (success) {
          success(res);
        }
      },
      fail(res) {
        if (fail) {
          fail(res);
        }
        wx.hideLoading();
        wx.showToast({
          title: '请求超时',
          icon: 'loading',
          duration: 2000
        })
      },
      complete: function () {
        wx.hideLoading();
      }
    })
  },
  post: (url, data, success, fail) => {
    if ((typeof data) == 'function') {
      if (success && (typeof success) == 'function') {
        fail = success;
      }
      success = data;
      data = '';
      console.log(success, data, fail)
    }
    wx.request({
      url: baseUrl + url,
      data: data || '',
      header: {},
      method: 'POST',
      dataType: 'json',
      responseType: 'text',
      success(res) {
        if (success) {
          success(res);
        }
      },
      fail(res) {
        if (fail) {
          fail(res);
        }
      }
    })
  },
  del: (url, data, success, fail) => {
    if ((typeof data) == 'function') {
      if (success && (typeof success) == 'function') {
        fail = success;
      }
      success = data;
      data = '';
      console.log(success, data, fail)
    }
    wx.request({
      url: baseUrl + url,
      data: data || '',
      header: {},
      method: 'DELETE',
      dataType: 'json',
      responseType: 'text',
      success(res) {
        if (success) {
          success(res);
        }
      },
      fail(res) {
        if (fail) {
          fail(res);
        }
      }
    })
  },
  put: (url, data, success, fail) => {
    if ((typeof data) == 'function') {
      if (success && (typeof success) == 'function') {
        fail = success;
      }
      success = data;
      data = '';
      console.log(success, data, fail)
    }
    wx.request({
      url: baseUrl + url,
      data: data || '',
      header: {},
      method: 'PUT',
      dataType: 'json',
      responseType: 'text',
      success(res) {
        if (success) {
          success(res);
        }
      },
      fail(res) {
        if (fail) {
          fail(res);
        }
      }
    })
  }
}


module.exports = {
  requestData: requestData
}

使用实例
// 一定记得先引入
const {requestData} = require('../../utils/util');

//get
requestData.get('你的请求URL', res => {
  if (res.statusCode == 200) {
    console.log(res)
    this.setData({
      hotList: res.data.body
    });
  } else {
    console.log(res.errMsg)
  }
}, err => {
  console.log(err)
})

//post
requestData.get('你的请求URL',data, res => {
  if (res.statusCode == 200) {
    console.log(res)
    this.setData({
      hotList: res.data.body
    });
  } else {
    console.log(res.errMsg)
  }
}, err => {
  console.log(err)
})

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值