XMLHttpRequest 对象(AJAX通信)

XMLHttpRequest 对象用于与服务器交换数据，也就是我们常说的AJAX通信。

以下是创建和使用 XMLHttpRequest 对象的基本步骤：

1. 创建 XMLHttpRequest 对象
2. 设置请求参数
3. 发送请求
4. 处理服务器响应

以下是一个使用 XMLHttpRequest 对象发送 GET 请求的示例：

// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
 
// 设置请求参数
var method = 'GET';
var url = 'your-endpoint-url';
 
// 发送请求
xhr.open(method, url, true);
xhr.send();
 
// 处理服务器响应
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，处理响应数据
    var response = xhr.responseText;
    console.log(response);
  } else {
    // 请求未完成或请求失败
    console.log('Status: ' + xhr.status);
    console.log('Body: ' + xhr.responseText);
  }
};

以上代码创建了一个 XMLHttpRequest 对象，设置了请求方法为 GET 和请求的 URL，然后发送请求。当请求状态改变时，它会检查 readyState 是否为 4（请求已完成）和 HTTP 状态码是否为 200（OK，请求成功），如果是，则处理服务器响应的数据。如果请求未完成或请求失败，它会输出状态和响应体。