Ajax的成功替代方案之一是使用Fetch API。Fetch API 是一个现代的网络请求API,可以替代传统的XMLHttpRequest(XHR)对象。
以下是使用Fetch API发送GET请求的示例代码:
fetch('https://api.example.com/data')
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
console.log(data);
// 在这里处理返回的数据
})
.catch(error => {
console.error('Error:', error);
// 在这里处理错误
});
上述代码中,我们使用fetch函数发送GET请求,并通过.then()方法处理成功返回的响应。如果响应状态码不是200,我们抛出一个错误。在第二个.then()方法中,我们将返回的响应数据解析为JSON格式,并在控制台上打印出来。
Fetch API 还支持其他类型的请求(例如POST、PUT、DELETE等),并且可以设置请求头、发送表单数据等。你可以参考Fetch API的文档以及相关教程来了解更多信息。