Web前端最新Ajax进阶篇01---Ajax加强（含大量代码演示），2024年阿里前端岗面试必问

// 假设我们有一个函数，用于处理Ajax请求的结果
function handleResponse(response) {
    console.log('处理结果:', response);
}
 
// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
 
// 配置请求
xhr.open('GET', 'https://api.example.com/data', true);
 
// 监听请求状态变化
xhr.onreadystatechange = function() {
    // 请求完成并且响应状态码为200
    if (xhr.readyState === XMLHttpRequest.DONE) {
        if (xhr.status === 200) {
            // 处理响应数据
            handleResponse(xhr.responseText);
        } else {
            // 处理错误
            console.error('请求失败，状态码:', xhr.status);
        }
    }
};
 
// 发送请求
xhr.send();

这段代码演示了如何使用原生的XMLHttpRequest对象发送GET请求，并处理响应。它包括了创建请求、打开和配置请求、监听状态变化和发送请求。如果请求成功完成，它会调用一个处理函数来处理响应数据；如果请求失败，它会在控制台记录错误信息。这是一个非常基础且实用的Ajax请求示例，适合初学者学习和理解Ajax的工作原理。