简单封装wx.request()

最新推荐文章于 2023-08-22 16:40:06 发布

pony君

最新推荐文章于 2023-08-22 16:40:06 发布

阅读量129

点赞数

分类专栏：微信小程序文章标签： javascript 微信小程序

本文链接：https://blog.csdn.net/weixin_42744724/article/details/130826382

版权

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

1 篇文章 0 订阅

订阅专栏

文章展示了如何对微信小程序中的wx.request方法进行封装，通过传入方法、URL、参数、加载提示信息和成功回调函数，实现更便捷的网络请求。在请求过程中，使用了wx.showLoading和wx.hideLoading来管理加载提示，并在请求失败时显示错误提示。

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

简单封装一下 wx.request() 方法

封装代码：

// url：网络请求url
// params：请求参数
// message：loading的提示信息
// success：成功的回调函数
const app = getApp();
function request(method, url, params, message, success) {
  if (message != '') {
    wx.showLoading({
      title: message,
      mask: true
    })
  }
  wx.request({
    url: url,
    data: {
      ...params,
      token: app.globalData.loginInfo.token,
    },
    header: {
      'Content-Type': 'application/json'
    },
    method: method,
    timeout: 0,
    success: (res) => {
      if (message != '') {
        wx.hideLoading()
      }
      if (res.statusCode == 200000) {
      	// 成功返回结果
        success(res.data)
      } else {
      // 失败给出错误提示
        wx.hideLoading()
        wx.showToast({
          title: res.data.errMsg,
          icon: 'none'
        })
      }
    },
    fail: (res) => {
      if (message != '') {
        wx.hideLoading()
      }
    },
    complete: (res) => {
      // 调试用
      //console.log(url)
      //console.log(params)
      //console.log(res)
    },
  })
};


module.exports = {
  request
}

调用：

const network = require("../../utils/request.js"); // 引入封装wx.request的request.js文件

let data={} // 请求参数
 network.request('get', `${app.globalData.baseUrl}mini/order/orderList`, data, "", res => {
 	console.log(res)
 	// ok在这里处理得到的结果吧
})