js async await 多个请求
时间: 2023-09-20 11:06:13 浏览: 130
在JavaScript中,你可以使用`async/await`来处理多个异步请求。下面是一个示例代码,展示了如何使用`async/await`来处理多个请求。
```javascript
async function fetchData(url) {
try {
const response = await fetch(url); // 发起异步请求
const data = await response.json(); // 等待响应并解析为JSON
return data;
} catch (error) {
console.log('Error:', error);
}
}
async function fetchMultipleData() {
try {
const data1 = await fetchData('https://api.example.com/data1');
const data2 = await fetchData('https://api.example.com/data2');
const data3 = await fetchData('https://api.example.com/data3');
// 处理数据
console.log(data1);
console.log(data2);
console.log(data3);
} catch (error) {
console.log('Error:', error);
}
}
fetchMultipleData();
```
在上面的代码中,`fetchData`函数使用`fetch`方法发送异步请求,并返回解析后的JSON数据。在`fetchMultipleData`函数中,我们使用`await`关键字依次发送多个请求,并使用变量接收返回的数据。注意,这些请求会按照顺序执行,只有前一个请求成功后才会进行下一个请求。
在实际应用中,你可以根据自己的需求进行多个异步请求的处理,例如使用`Promise.all`来并发发送多个请求等。
阅读全文