微信小程序请求Promise简单封装

当在微信小程序中进行请求时，通常会使用到 Promise 进行封装，以便更好地处理异步操作和链式调用。

以下是一个简单的微信小程序请求 Promise 封装的示例代码：

// utils/request.js
 
// 封装一个函数用于发送请求
const request = (url, method, data) => {
  return new Promise((resolve, reject) => {
    wx.request({
      url: url,
      method: method,
      data: data,
      header: {
        'content-type': 'application/json' // 根据实际需求修改header
      },
      success: (res) => {
        // 请求成功时，返回 resolve
        resolve(res.data);
      },
      fail: (err) => {
        // 请求失败时，返回 reject
        reject(err);
      }
    });
  });
};
 
// 导出 request 函数，以便在其他文件中使用
module.exports = request;

使用示例：

假设我们在小程序的某个页面中需要发送一个 GET 请求，可以这样使用封装好的 request 函数：

// pages/index/index.js
 
// 引入封装好的请求函数
const request = require('../../utils/request.js');
 
Page({
  onLoad() {
    // 在页面加载时发送请求
    this.fetchData();
  },
  fetchData() {
    // 使用封装的请求函数发送请求
    request('https://api.example.com/data', 'GET')
      .then((res) => {
        // 请求成功，处理返回的数据
        console.log('请求成功', res);
        // 可以在这里更新页面数据等操作
      })
      .catch((err) => {
        // 请求失败，处理错误
        console.error('请求失败', err);
        // 可以进行错误处理或提示用户
      });
  }
});