AJAX：创建 XMLHttpRequest 对象

当使用AJAX进行异步通信时，创建一个XMLHttpRequest对象是关键的一步。XMLHttpRequest对象是一个JavaScript对象，它提供了与服务器进行异步通信的能力。以下是创建XMLHttpRequest对象的基本步骤：

1. 初始化XMLHttpRequest对象：
   首先，你需要创建一个XMLHttpRequest对象实例。这可以通过使用new XMLHttpRequest()来完成。

   var xhr = new XMLHttpRequest();

2. 配置请求：
   使用XMLHttpRequest对象的open()方法来配置请求。这个方法接受三个参数：请求方法（如"GET"或"POST"）、请求的URL和是否异步发送请求的布尔值。

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

3. 设置响应类型（可选）：
   如果需要，你可以设置响应的数据类型，比如设置为'json'以便自动将响应解析为JSON对象。

   xhr.responseType = 'json';

4. 处理响应：
   为XMLHttpRequest对象添加事件监听器，以便在请求状态改变时执行相应的操作。通常，我们关注onload、onerror和onprogress等事件。

   xhr.onload = function() {
     if (xhr.status === 200) {
       // 请求成功，处理响应数据
       console.log(xhr.response);
     } else {
       // 请求失败，处理错误
       console.error('Request failed with status', xhr.status);
     }
   };

5. 发送请求：
   使用XMLHttpRequest对象的send()方法发送请求。如果是POST请求，你可能需要在send()方法中提供请求体数据。

   xhr.send();

通过遵循以上步骤，你可以使用XMLHttpRequest对象与服务器进行异步通信，获取或发送数据，并在前端动态地处理这些响应数据，从而提升Web应用的交互性和响应性。