小程序封装wx.request

可以使用以下代码来封装微信小程序的网络请求(wx.request)：

function request(url, method, data) {
  return new Promise((resolve, reject) => {
    wx.request({
      url: url,
      method: method,
      data: data,
      success: res => {
        resolve(res.data);
      },
      fail: err => {
        reject(err);
      }
    });
  });
}

你可以在小程序中调用这个封装的函数来发送网络请求。例如：

request('https://api.example.com/data', 'GET', { key: 'value' })
  .then(data => {
    console.log(data);
    // 处理返回的数据
  })
  .catch(err => {
    console.error(err);
    // 处理错误
  });

这样封装之后，你可以更方便地使用 Promise 来处理异步操作，并且可以统一处理请求成功和失败的情况。

相关问题

小程序封装ajax,微信小程序封装wx.request实现http请求

为了方便地在微信小程序中发起 HTTP 请求，我们可以封装一个网络请求的函数，将 wx.request 接口进行封装，以便于在项目中统一管理和调用。以下是一个简单的封装示例：

function request(url, method, data, success, fail) {
  wx.request({
    url: url,
    method: method,
    data: data,
    header: {
      'content-type': 'application/json'
    },
    success: function(res) {
      success(res);
    },
    fail: function(err) {
      fail(err);
    }
  })
}

在这个示例中，我们定义了一个名为 request 的函数，将 wx.request 进行了封装。该函数接收五个参数：请求的 URL、请求方法、请求数据、请求成功时的回调函数和请求失败时的回调函数。函数内部使用 wx.request 发起请求，并将请求结果传递给回调函数。

使用封装后的请求函数时，只需要调用 request 函数即可。以下是一个示例代码：

request('https://example.com/api/getData', 'GET', {page: 1, pageSize: 10}, function(res) {
  console.log(res.data);
}, function(err) {
  console.log(err.errMsg);
});

在这个示例中，我们调用了 request 函数，向 https://example.com/api/getData 发起了一个 GET 请求，请求的参数为 page=1&pageSize=10。当请求成功时，会将返回的数据打印出来；当请求失败时，会将错误信息打印出来。

封装wx.request

promise封装wx.request是指将微信小程序中的wx.request方法进行封装，使其返回一个Promise对象，以便更方便地进行异步操作。

具体实现方法如下：

1. 创建一个util.js文件，用于存放封装后的wx.request方法。

2. 在util.js文件中定义一个名为request的函数，该函数接收一个options对象作为参数，其中包含了请求的url、data、method等信息。

3. 在request函数中，使用Promise对象封装wx.request方法，将成功和失败的回调函数分别封装在resolve和reject中，并返回Promise对象。

4. 在需要使用wx.request方法的地方，引入util.js文件，并调用request函数即可。

示例代码如下：

// util.js

function request(options) {
return new Promise((resolve, reject) => {
wx.request({
url: options.url,
data: options.data,
method: options.method || 'GET',
header: options.header || {},
success: function(res) {
resolve(res.data);
},
fail: function(err) {
reject(err);
}
})
})
}

module.exports = {
request: request
}

// 使用方法

const util = require('util.js');

util.request({
url: 'https://www.example.com/api',
data: {
name: '张三',
age: 18
},
method: 'POST',
header: {
'content-type': 'application/json'
}
}).then(res => {
console.log(res);
}).catch(err => {
console.error(err);
})