一、对小程序的request的封装

写过小程序的应该知道，微信的request不封装基本上不能用，写的显的太冗长，而且是回调式的，回调地狱什么的就不说了，可读性差。

下面是我的封装代码，顺便支持一下promise。

function baseRequest({ url, method, header, data, complete }, resolve, reject) { wx.request({ url, method, header, data, success: function (res) { // 需要判断服务器code的用这一段 // 我司服务器返回0表示真正的成功，其他code表示各种错误码 // if (res.data.code === 0) { // resolve(res) // } else { // reject(res) // } resolve(res) }, fail: function (res) { reject(res) }, complete: function (res) { complete(res) } })}function requestPromise( options ) { let req = new Promise((resolve, reject) => { baseRequest(options, resolve, reject) }) return req}function get(options) { options.method = 'GET' return requestPromise(options)}function post(options) { options.method = 'POST' if (!options.header) { options.header = {} } options.header["Content-Type"] = "application/x-plete(res) } })}function wait(options, needToken, resolve, reject) { if (needToken) { var token = wx.getStorageSync('token') if (!token) { setTimeout(() => { wait.apply(null, arguments) }, 200) } else { if (!options.header) { options.header = {} } options.header["token"] = token baseRequest(options, resolve, reject) } } else { baseRequest(options, resolve, reject) }}function requestPromise( options, needToken = true ) { let req = new Promise((resolve, reject) => { wait(options, needToken, resolve, reject) }) return req}function get(options, needToken) { options.method = 'GET' return requestPromise(options, needToken)}function post(options, needToken) { options.method = 'POST' if (!options.header) { options.header = {} } options.header["Content-Type"] = "application/x-www-form-urlencoded" return requestPromise(options, needToken)}function put(options, needToken) { options.method = 'PUT' if (!options.header) { options.header = {} } options.header["Content-Type"] = "application/x-www-form-urlencoded" return requestPromise(options, needToken)}module.exports = { get, post, put}

如何使用：（使用方式和上面一样，只是调用的时候多一个参数）

1. 将上面的代码写到一个独立的文件里，我的命名为network.js。

2. 然后将其绑定到全局的 wx 对象身上。 wx.Network = require('./network.js')。(在app.js里面绑定)

3. 实例如下

wx.Network.get({ url: 'xxx.xxx.xxx', // 请求路径 data: { a: "a" // 参数列表 } }, true // 增加第二个参数，true表示需要token， false表示不需要 ).then(res => { console.log("请求成功") }).catch(res => { console.log("请求失败") })

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。