微信小程序中 封装一个request 封装请求
时间: 2023-09-26 07:07:58 浏览: 93
在微信小程序中,我们可以封装一个request函数来实现网络请求的功能。具体的实现步骤如下:
1. 在项目中创建一个utils目录,用于存放工具类文件。
2. 在utils目录中创建一个request.js文件,并在该文件中编写request函数。
3. request函数的参数包括url、data、method、header、success和fail。其中,url为请求地址,data为请求参数,method为请求方法,header为请求头,success为请求成功的回调函数,fail为请求失败的回调函数。
4. 在request函数中使用wx.request函数来实现网络请求。
5. 在需要发送请求的页面中引入request.js文件,并调用request函数即可。
以下是一个示例代码:
```javascript
// utils/request.js
function request(url, data, method = 'GET', header = {}, success, fail) {
wx.request({
url: url,
data: data,
method: method,
header: header,
success: function(res) {
if (typeof success === 'function') {
success(res.data)
}
},
fail: function(res) {
if (typeof fail === 'function') {
fail(res)
}
}
})
}
module.exports = {
request: request
}
```
在需要发送请求的页面中,可以这样使用:
```javascript
// pages/index/index.js
const { request } = require('../../utils/request.js')
Page({
onLoad: function() {
request('https://xxx.com/api/data', { page: 1 }, 'POST', { 'content-type': 'application/json' }, function(data) {
console.log(data)
}, function(res) {
console.log(res.errMsg)
})
}
})
```
阅读全文