uni.request 使用和封装
时间: 2023-08-27 13:05:19 浏览: 117
uni.request 是 uni-app 框架中用于发起网络请求的 API。它可以用于发送 HTTP 请求和 WebSocket 请求。
示例代码如下:
```javascript
uni.request({
url: 'https://api.example.com/data',
method: 'GET',
data: {
key1: 'value1',
key2: 'value2'
},
header: {
'Content-Type': 'application/json'
},
success: function (res) {
console.log(res.data);
},
fail: function (err) {
console.log(err);
}
});
```
上述代码中,我们通过 `uni.request` 发起了一个 GET 请求。`url` 参数指定了请求的地址,`method` 参数指定了请求的方法,`data` 参数是要发送的数据,`header` 参数用于设置请求头。`success` 回调函数会在请求成功时被调用,`fail` 回调函数会在请求失败时被调用。
封装 `uni.request` 可以提高代码的复用性和可维护性。以下是一个简单的封装示例:
```javascript
function myRequest(url, method, data, successCallback, failCallback) {
uni.request({
url: url,
method: method,
data: data,
header: {
'Content-Type': 'application/json'
},
success: function (res) {
if (typeof successCallback === 'function') {
successCallback(res.data);
}
},
fail: function (err) {
if (typeof failCallback === 'function') {
failCallback(err);
}
}
});
}
// 使用封装后的请求函数
myRequest('https://api.example.com/data', 'GET', { key1: 'value1', key2: 'value2' }, function (res) {
console.log(res);
}, function (err) {
console.log(err);
});
```
通过封装,我们可以将请求的参数和回调函数进行统一管理,提高代码的可读性和可维护性。