// 1. 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();

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

// 3. 注册回调函数
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) {
    if (xhr.status === 200) {
      // 成功获取数据，处理响应数据
      var data = JSON.parse(xhr.responseText);
      console.log(data);
    } else {
      // 获取数据失败，处理错误信息
      console.log('Error retrieving data: ' + xhr.statusText);
    }
  }
};

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

以上代码实现了一个简单的 AJAX 请求，步骤如下：

创建 XMLHttpRequest 对象； 设置请求参数，包括请求方法、请求 URL 以及是否异步； 注册回调函数，处理服务器返回的数据； 发送请求。 在以上代码中，回调函数 onreadystatechange 会在 XMLHttpRequest 对象的状态发生变化时被触发，我们只处理当状态为 4（请求已完成）时的响应。如果响应状态为 200（请求成功），则解析响应数据并处理，否则打印错误信息。

当然，以上代码可以进一步封装为一个通用的 Ajax 函数，方便在不同场景中使用。