小程序开发之问题7:封装wx.request

最新推荐文章于 2023-05-17 12:15:13 发布

Melody–Zhang

最新推荐文章于 2023-05-17 12:15:13 发布

阅读量251

点赞数

分类专栏： js 小程序

本文链接：https://blog.csdn.net/qq_15548121/article/details/100518372

版权

为了解决小程序中多次调用wx.request导致的代码冗余问题，本文介绍了如何封装wx.request。通过创建一个名为req.js的工具文件，将请求接口的方法集中管理，使代码更加整洁、易于维护。在页面如index.js中引入封装好的接口，只需传入必要参数即可直接调用，简化了调用流程。

摘要由CSDN通过智能技术生成

开发中,会有多次的请求接口的调用,直接调用微信的wx.request()方法,会有很多重复的代码,代码冗余严重,所以我们为了减少不必要的重复,需要进行封装,如下:我们新建一个js,最好放在utils目录下,管理起来比较方便

[文件名req.js]

const app = getApp();

function wxRequest(url, params, success, fail, complete) {
  wx.request({
    url: url,
    data: params,
    success(res) {
      console.log(res.data)
      if (res.data.success) {
        success(res.data)
      } else {
        if (res.data.info != undefined) {
          wx.showToast({
            title: res.data.info,
            icon: 'none',
            duration: 3000
          })
        }
      }
    },
    fail(res) {
      wx.showToast({
        title: '请求服务器数据失败,请重试',
        icon: 'none',
        duration: 3000
      })
      if (fail != undefined && fail != null) {
        fail(res)
      }
    },
    complete: function(res) {
      wx.hideLoading()
      if (complete != undefined && complete != nul