JavaScript 中什么是 AJAX？如何实现？

AJAX（Asynchronous JavaScript and XML）是一种利用 XMLHttpRequest 对象与服务器进行异步数据交换的技术。它允许在不重新加载整个页面的情况下，通过后台发送 HTTP 请求并获取数据，然后使用 JavaScript 更新页面内容。

实现 AJAX 的步骤：

1. 创建 XMLHttpRequest 对象： 使用 new XMLHttpRequest() 创建一个 XMLHttpRequest 对象。

2. 设置请求： 使用 open() 方法设置请求的类型（GET、POST 等）、URL 和是否为异步请求。

3. 处理响应： 使用 onreadystatechange 事件监听器来监控请求的状态变化，并处理服务器返回的数据。

4. 发送请求： 使用 send() 方法发送请求到服务器。

简单示例：

// 创建 XMLHttpRequest 对象
let xhr = new XMLHttpRequest();

// 监听请求状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      // 请求成功，处理服务器返回的数据
      console.log(xhr.responseText);
    } else {
      // 请求失败，处理错误
      console.error('Request failed:', xhr.status);
    }
  }
};

// 设置请求
xhr.open('GET', 'https://api.example.com/data', true);

// 发送请求
xhr.send();

通过 AJAX 技术，可以实现在不刷新整个页面的情况下与服务器进行数据交互。这种技术的使用使得 Web 应用程序更加流畅和高效，提高了用户体验。现代的前端框架和库也提供了更方便的封装和使用 AJAX 的方法。