要实现并行AJAX请求而不使用jQuery,可以使用原生的JavaScript和XMLHttpRequest对象。 以下是一个示例代码:
const urls = ['url1', 'url2', 'url3']; // 要发送的请求的URL列表
const requests = urls.map(url => {
return new Promise((resolve, reject) => {
const xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onload = function() {
if (xhr.status === 200) {
resolve(xhr.responseText);
} else {
reject(xhr.statusText);
}
};
xhr.onerror = function() {
reject(xhr.statusText);
};
xhr.send();
});
});
Promise.all(requests)
.then(responses => {
// 所有请求都成功完成
console.log(responses);
})
.catch(error => {
// 至少一个请求失败
console.error(error);
});
在上面的示例中,我们首先创建一个包含要发送的请求的URL列表。然后,我们使用Array.map()
方法遍历URL列表,并为每个URL创建一个Promise对象。在每个Promise中,我们使用XMLHttpRequest对象发送GET请求,并在请求完成时解析响应或处理错误。最后,我们使用Promise.all()
方法将所有请求的Promise组合在一起,并等待它们全部完成。如果所有请求都成功完成,我们将在控制台打印出响应数据数组;如果至少一个请求失败,我们将在控制台打印出错误信息。
这是一个简单的示例,你可以根据需要进行修改和扩展。
上一篇:并行埃拉托斯特尼筛法的问题
下一篇:并行安装Visual Studio Code(vscode)和Visual Studio Code Insiders(vscode insiders):修改标准应用程序