Что такое XHR

XHR (XMLHttpRequest) — это API в браузерах для отправки HTTP-запросов на сервер и получения данных без перезагрузки страницы. Основа AJAX-подхода.

Особенности:

• Работает асинхронно (но есть и синхронный режим)
• Поддерживает разные типы данных (JSON, XML, текст)
• Устаревший, но до сих пор используется

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log(JSON.parse(xhr.responseText));
  }
};
xhr.send();

Сейчас чаще используют Fetch API или axios, так как они удобнее и современнее. XHR остаётся в legacy-коде.