xhr和$get、$ajax

`$get` 和 `$ajax` 是 jQuery 提供的两个方法，用于发起 AJAX 请求。而 XHR 是原生的 JavaScript 对象，用于在浏览器中进行异步数据交换。

`$get` 是 jQuery 中的简化版 AJAX GET 请求方法，用于从服务器获取数据。以下是使用 `$get` 发起 GET 请求的示例：

$.get('/api/data', function(response) {
  console.log(response);
});

`$ajax` 是 jQuery 提供的更灵活和全面的 AJAX 请求方法，可以用于各种类型的请求（GET、POST、PUT 等）。以下是使用 `$ajax` 发起 GET 请求的示例：

$.ajax({
  url: '/api/data',
  method: 'GET',
  success: function(response) {
    console.log(response);
  },
  error: function(error) {
    console.log(error);
  }
});

通过指定不同的属性（如 `url`、`method`、`success`、`error` 等），可以对请求进行更精确的控制。

与此相比，XHR 是原生 JavaScript 提供的对象，用于发送和接收 HTTP 请求。以下是使用 XHR 发起 GET 请求的示例（与之前给出的示例相同）：

var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};
xhr.send();

XHR 提供了更底层的控制和更多的事件处理选项，但相对而言，使用 `$get` 和 `$ajax` 方法更简洁和易于使用。同时，jQuery 的 AJAX 方法还提供了更多的功能和兼容性处理，例如处理跨域请求、自动解析 JSON 等。

需要注意的是，`$get` 和 `$ajax` 方法需要引入 jQuery 库，而 XHR 是原生 JavaScript 的一部分，无需额外引入。选择使用哪个方法取决于你的需求和项目的环境。