微信小程序wx.request封装

最新推荐文章于 2024-08-28 10:31:14 发布

weixin_43127263

最新推荐文章于 2024-08-28 10:31:14 发布

阅读量354

点赞数

本文详细介绍了在小程序中如何使用自定义的request.js模块进行GET和POST请求，包括请求的参数设置、请求类型选择以及成功、失败和完成的回调函数处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用方法：

1、将request.js放入utils文件夹中
2、引入

var app = getApp();
app.request.requestGetApi(url, data, this, this.successFun, this.failFun) //get请求
app.request.requestPostApi(url, data, this, this.successFun, this.failFun) //post请求

request.js

/**
 * POST请求API
 * @param  {String}   url         接口地址
 * @param  {Object}   params      请求的参数
 * @param  {Object}   sourceObj   来源对象
 * @param  {Function} successFun  接口调用成功返回的回调函数
 * @param  {Function} failFun     接口调用失败的回调函数
 * @param  {Function} completeFun 接口调用结束的回调函数(调用成功、失败都会执行)
 */
function requestPostApi(url, params, sourceObj, successFun, failFun, completeFun) {
  requestApi(url, params, 'POST', sourceObj, successFun, failFun, completeFun)
}
/**
 * GET请求API
 * @param  {String}   url         接口地址
 * @param  {Object}   params      请求的参数
 * @param  {Object}   sourceObj   来源对象
 * @param  {Function} successFun  接口调用成功返回的回调函数
 * @param  {Function} failFun     接口调用失败的回调函数
 * @param  {Function} completeFun 接口调用结束的回调函数(调用成功、失败都会执行)
 */
function requestGetApi(url, params, sourceObj, successFun, failFun, completeFun) {
  requestApi(url, params, 'GET', sourceObj, successFun, failFun, completeFun)
}
/**
 * 请求API
 * @param  {String}   url         接口地址
 * @param  {Object}   params      请求的参数
 * @param  {String}   method      请求类型
 * @param  {Object}   sourceObj   来源对象
 * @param  {Function} successFun  接口调用成功返回的回调函数
 * @param  {Function} failFun     接口调用失败的回调函数
 * @param  {Function} completeFun 接口调用结束的回调函数(调用成功、失败都会执行)
 */
function requestApi(url, params, method, sourceObj, successFun, failFun, completeFun) {
  if (method == 'POST') {
    var contentType = 'application/x-www-form-urlencoded'
  } else {
    var contentType = 'application/json'
  }
  wx.request({
    url:    url,
    method: method,
    data:   params,
    header: {'Content-Type': contentType},
    success: function (res) {
      typeof successFun  == 'function' && successFun(res.data, sourceObj)
    },
    fail: function (res) {
      typeof failFun     == 'function' && failFun(res.data, sourceObj)
    },
    complete: function (res) {
      typeof completeFun == 'function' && completeFun(res.data, sourceObj)
    }
  })
}
module.exports = {
  requestPostApi,
  requestGetApi
}