AJAX: 事件循环（举例细论）

在AJAX请求中，事件循环是一个核心概念，它是浏览器用于管理事件、用户交互、网络请求等的机制。以下是一个简单的例子，展示了如何在AJAX请求中使用事件循环：

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

在这个例子中，onreadystatechange 事件用于监听XMLHttpRequest对象的状态变化。当readyState属性改变时，即表示请求的不同阶段，从0（未初始化）到4（完成）。当其值为4时，表示请求已完成，我们可以根据status属性检查HTTP响应状态码来决定是否处理响应数据或者出现错误。这个模式是事件循环在AJAX请求中的一个典型应用。