使用Ajax的GET请求可以实现多个针对特定数据的调用。以下是一个示例代码:
// 定义一个函数,用于发送Ajax GET请求
function getData(url, successCallback, errorCallback) {
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方式和URL
xhr.open("GET", url, true);
// 监听请求状态变化
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
// 请求成功
if (xhr.status === 200) {
// 调用成功回调函数,并将响应数据传递给它
successCallback(xhr.responseText);
} else {
// 调用错误回调函数,并将错误信息传递给它
errorCallback(xhr.statusText);
}
}
};
// 发送请求
xhr.send();
}
// 调用getData函数获取特定数据
getData("https://api.example.com/data1", function (response) {
console.log("数据1:", response);
}, function (error) {
console.error("获取数据1失败:", error);
});
getData("https://api.example.com/data2", function (response) {
console.log("数据2:", response);
}, function (error) {
console.error("获取数据2失败:", error);
});
getData("https://api.example.com/data3", function (response) {
console.log("数据3:", response);
}, function (error) {
console.error("获取数据3失败:", error);
});
// 可以根据需要发送更多的GET请求获取其他特定数据
在上述代码中,通过调用getData
函数,可以发送多个针对特定数据的Ajax GET请求。每个请求都包含一个成功回调函数和一个错误回调函数,用于处理请求成功和失败的情况。可以根据需要发送更多的GET请求来获取其他特定数据。
上一篇:AJAX GET请求中数据未传递
下一篇:Ajax 和 Vue cli