uni.request二次封装
时间: 2023-09-26 09:14:36 浏览: 116
weui二次封装
CSDN 开发的 ChatGPT 没有关系。以下是一个简单的示例代码,展示了如何对 uni.request 函数进行二次封装:
```javascript
// 封装后的请求函数
function myRequest(url, method, data) {
return new Promise((resolve, reject) => {
uni.request({
url: url,
method: method,
data: data,
success: function(res) {
// 请求成功时,返回响应结果
resolve(res.data);
},
fail: function(err) {
// 请求失败时,返回错误信息
reject(err);
}
});
});
}
// 使用封装后的请求函数发送 GET 请求
async function sendGetRequest() {
try {
const url = "https://api.example.com/data";
const method = "GET";
const response = await myRequest(url, method);
// 处理响应结果
console.log(response);
} catch (error) {
// 处理错误信息
console.error(error);
}
}
// 使用封装后的请求函数发送 POST 请求
async function sendPostRequest() {
try {
const url = "https://api.example.com/data";
const method = "POST";
const data = { key: "value" };
const response = await myRequest(url, method, data);
// 处理响应结果
console.log(response);
} catch (error) {
// 处理错误信息
console.error(error);
}
}
```
在上面的代码中,通过创建一个名为 `myRequest` 的函数来封装 `uni.request` 函数。这个封装函数返回一个 Promise 对象,允许使用 `async/await` 语法来处理异步请求。通过传入不同的 URL、请求方法和数据,可以发送 GET 或者 POST 请求。
请注意,封装函数中的成功回调函数使用 `resolve` 返回响应结果,失败回调函数使用 `reject` 返回错误信息。在调用封装函数时,使用 `try/catch` 块来捕获并处理可能出现的错误。
阅读全文