开发入门篇之AJAX - onreadystatechange 事件

onreadystatechange 是一个事件属性，当对象状态改变时触发。这个属性通常用于AJAX请求，因为它可以用来检测XMLHttpRequest对象的请求状态。

以下是一个简单的示例，展示如何使用 onreadystatechange 事件处理函数：

// 创建一个新的 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
 
// 配置请求
xhr.open('GET', 'your-api-endpoint', true);
 
// 设置 onreadystatechange 事件处理函数
xhr.onreadystatechange = function() {
    // 当请求完成并且响应状态为 200 时
    if (xhr.readyState === XMLHttpRequest.DONE) {
        if (xhr.status === 200) {
            // 处理响应数据
            console.log(xhr.responseText);
        } else {
            // 处理错误
            console.error('Error: ' + xhr.status);
        }
    }
};
 
// 发送请求
xhr.send();

在这个例子中，readyState 属性用于判断请求的当前状态，而 status 属性用于判断HTTP响应的状态码。当 readyState 等于 XMLHttpRequest.DONE 时，表示请求已完成，并且可以通过 status 判断响应是否成功。