微信小程序 --- 封装小程序get&&post请求成全局函数(最简单可以一行代码完成post,get请求,超简洁~~~)

本文介绍了如何在微信小程序中封装get和post请求为全局函数,采用Promise方式调用,便于代码管理和维护。通过创建工具类文件夹和公共逻辑JS文件,将请求接口集中管理,简化了在不同页面中调用接口的代码,使得get和post请求变得简洁高效。
摘要由CSDN通过智能技术生成

封装为Promise方式调用

建立一个工具类文件夹,再建立一个公共逻辑处理 JS文件
在这里插入图片描述

  /**
   * methods: 请求方式
   * url: 请求地址
   * data: 要传递的参数
   * resolve: 请求成功回调函数
   * reject: 请求失败回调函数
   */
let request = (methods, url, data = {}) => {
  return new Promise((resolve, reject) => {
    wx.request({
      url: url,
      method: methods,
      header: {
        'content-type': methods.toUpperCase() == 'GET' ? 'application/json' : 'application/x-www-form-urlencoded'
      },
      dataType: 'json',
      data: data,
      complete: msg => {
        if (msg.statusCode != 200) {
          reject(msg);
          console.error({
            msg: '警告:接口异常',
            code: 'http状态码:' + msg.statusCode,
            url: '接口地址:' + url,
            type: '请求类型:' + methods.toUpperCase(),
            data: data
          });
        } else {
          resolve(msg.data);
        }
      }
    })
  })
}

module.exports = {
  request
}

文件引用:

import { request } from '../../utils/common.js'

Page({

  /**
   * 页面的初始数据
   */
  data: {},

  /**
   * 生命周期函数--监听页面加载
   */
  
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值