微信小程序wx.request的简单封装

我可以为您提供“微信小程序wx.request的简单封装”的完整攻略。请注意，由于涉及到代码以及markdown格式，我将使用代码块展示相关示例。

1. 简介

在微信小程序中，通过 wx.request 可以发送网络请求。但使用 wx.request 还需要处理错误、重试等问题。因此，封装 wx.request 可以更方便地处理网络请求相关的问题。

2. 封装方法

以下是封装 wx.request 方法的示例：

function request(url, data, method = 'GET') {
  return new Promise((resolve, reject) => {
    wx.request({
      url: url,
      data: data,
      method: method,
      success: (res) => {
        if (res.statusCode == 200) {
          resolve(res.data);
        } else {
          reject({
            code: res.statusCode,
            error: res.data
          });
        }
      },
      fail: (error) => {
        reject({
          code: 0,
          error: error
        });
      }
    });
  });
}

在上面的示例中，我们使用了 Promise 对象来解决异步操作的问题。该函数接受 url、data 和 method 三个参数，其中 method 参数默认为 GET。在请求成功时，返回一个包含数据的 Promise 对象，在请求失败时，返回一个包含错误信息的 Promise 对象。

3. 使用方法

我们可以在页面中导入上面封装好的 request 方法，然后使用它来发送网络请求。以下是示例代码：

import request from 'utils/request.js';

Page({
  onLoad: function (options) {
    request('https://api.example.com/test', {})
      .then((res) => {
        console.log(res);
      })
      .catch((error) => {
        console.log(error);
      });
  }
});

在该示例中，我们导入了 request 方法，并在页面的 onLoad 函数中使用了它来发送请求。请求成功时，我们会打印返回的数据；请求失败时，我们会打印错误信息。

4. 示例

以下是另一个示例，该示例发送 POST 请求：

import request from 'utils/request.js';

Page({
  onLoad: function (options) {
    request('https://api.example.com/login', {
        username: 'example',
        password: '123456'
      }, 'POST')
      .then((res) => {
        console.log(res);
      })
      .catch((error) => {
        console.log(error);
      });
  }
});

在该示例中，我们向 https://api.example.com/login 发送了一个 POST 请求，并传递了用户名和密码作为参数，请求成功时，我们打印响应的数据；请求失败时，我们打印错误信息。

通过这些示例，您可以了解如何使用封装好的 request 方法来处理网络请求相关的问题。希望对您有所帮助！