如何使用Promise.all方法发送多个异步请求?
时间: 2024-03-28 22:34:08 浏览: 73
使用Promise.all方法可以同时发送多个异步请求,并在所有请求都完成后获取它们的结果。下面是使用Promise.all方法发送多个异步请求的步骤:
1. 创建一个包含所有异步请求的数组,每个请求都返回一个Promise对象。
2. 使用Promise.all方法传入该数组作为参数。
3. Promise.all方法会返回一个新的Promise对象,它会在所有请求都完成后进行解析。
4. 使用.then方法来处理解析后的结果,该结果是一个包含所有请求结果的数组。
以下是一个示例代码:
```javascript
const request1 = fetch('https://api.example.com/data1');
const request2 = fetch('https://api.example.com/data2');
const request3 = fetch('https://api.example.com/data3');
Promise.all([request1, request2, request3])
.then(responses => {
// 处理所有请求的结果
const data1 = responses[0].json();
const data2 = responses[1].json();
const data3 = responses[2].json();
return Promise.all([data1, data2, data3]);
})
.then(data => {
// 处理所有数据
console.log(data);
})
.catch(error => {
// 处理错误
console.error(error);
});
```
阅读全文