微信小程序 --- 封装小程序get&&post请求成全局函数（最简单可以一行代码完成post,get请求，超简洁~~~）_微信小程序封装get post请求 把函数当做参数传进去

封装为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
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

文件引用：

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

Page({

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

  /**
   * 生命周期函数--监听页面加载
   */
  
1
2
3
4
5
6
7
8
9
10
11
12