用async await写请求多个接口
时间: 2023-07-19 21:35:22 浏览: 118
使用 `async/await` 语法糖可以使代码更加简洁和易于理解。你可以在一个async函数中使用await关键字来等待所有的请求完成,然后在进行下一步操作。 下面是示例代码:
```javascript
// 定义所有需要请求的接口
const api1 = '/api/one';
const api2 = '/api/two';
const api3 = '/api/three';
// 定义请求参数
const params = {
data: 'some data',
};
async function requestAllApis() {
try {
// 使用 await 等待所有请求返回结果
const [result1, result2, result3] = await Promise.all([
axios.post(api1, params),
axios.post(api2, params),
axios.post(api3, params),
]);
// 所有请求都成功返回后的操作
console.log('result 1:', result1.data);
console.log('result 2:', result2.data);
console.log('result 3:', result3.data);
} catch (error) {
// 请求失败后的操作
console.error(error);
}
}
requestAllApis();
```
在上面的示例中,我们使用了`async/await`语法糖来等待所有请求的结果。当所有请求都成功返回时,我们可以在函数体内获取所有请求的结果。如果有任何一个请求失败,`catch()`方法将会捕捉到错误。
阅读全文