Web前端最全前端网络基础-通过XMLHttpRequest实现AJAX ，2024年最新2024最新大厂高频微服务面试总结
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 配置请求行
xhr.open('GET', 'https://api.example.com/data');
// 监听请求状态变化事件
xhr.onreadystatechange = function() {
// 请求完成并且响应状态码为200
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 处理响应数据
console.log(xhr.responseText);
} else {
// 处理错误
console.error('请求失败，状态码：' + xhr.status);
}
}
};
// 发送请求
xhr.send();这段代码演示了如何使用XMLHttpRequest对象发送一个GET请求，并在请求成功完成后处理响应数据。它还包括了错误处理逻辑，以便在请求不成功时输出错误信息。这是一个典型的AJAX请求的实现，适用于任何现代的网页开发场景。
评论已关闭