微信小程序 request接口的封装实例代码

微信小程序 request接口的封装实例代码 小程序request接口的封装(本质上是对request回调函数再次回调) module.exports.getData = function (url) { var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; var method = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'POST'; var header = argumen 在微信小程序开发中，`request`接口是用于发送网络请求的核心功能，它可以向服务器获取数据或提交数据。然而，为了提高代码的可读性、可维护性和减少重复性，开发者通常会将`request`接口进行封装，使其更符合项目的实际需求。本篇将详细解析一个微信小程序`request`接口的封装实例。 我们来看一下提供的封装代码： ```javascript module.exports.getData = function (url) { var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; var method = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'POST'; var header = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' }; return new Promise(function (resolve, reject) { wx.request({ url: url, data: data, method: method, header: header, success: function (res) { resolve(res); }, fail: function (res) { reject(res); } }) }); } ``` 这个封装函数`getData`接收四个参数： 1. `url`：请求的URL，必填项。 2. `data`：请求的数据，默认为空对象，可选。 3. `method`：请求方法，默认为`POST`，可选。 4. `header`：请求头，包含如`Content-Type`等信息，默认设置为`application/x-www-form-urlencoded; charset=UTF-8`，可选。 函数内部，它创建了一个`Promise`对象，这是处理异步操作的一种方式，可以使得代码按照预期顺序执行，即使这些操作是异步的。`wx.request`是微信小程序内置的网络请求API，用于发送HTTP/HTTPS请求。在`Promise`中，`wx.request`的`success`和`fail`回调分别对应`resolve`和`reject`，这使得我们在调用`getData`时，可以使用`.then`和`.catch`来处理请求成功或失败的情况。 例如，如何调用这个封装好的`getData`函数： ```javascript var common = require("../../common/common.js") common.getData(postUrl) .then(function (data) { this.setData({ //.... }); console.log(data); }) .catch(function (err) { console.error('请求出错:', err); }); ``` 这里，`common.js`是包含了`getData`函数的模块，通过`require`引入。调用`getData`后，我们使用`.then`处理请求成功的场景，将返回的数据设置到页面数据（`setData`）并打印出来。如果请求失败，`.catch`会捕获错误信息并输出。 总结起来，这个封装实例主要实现了以下几点： 1. 提供了默认的请求参数，如默认的请求方法`POST`和请求头`Content-Type`。 2. 使用`Promise`进行异步处理，使代码更易于理解和维护。 3. 统一了请求的调用方式，方便在项目中复用。 通过这样的封装，我们可以避免在每个网络请求中重复编写相同的代码，提高开发效率，同时保持代码整洁。在实际项目中，还可以根据需求扩展封装函数，例如添加超时处理、重试机制或者统一的错误处理逻辑。