JavaScript XMLHttpRequest: отправка запросов на сервер без перезагрузки страницы

JS XMLHttpRequest (XHR) представляет собой встроенный объект в браузере, который позволяет отправлять HTTP-запросы к серверу и получать ответы в формате XML, JSON или текст.

Пример использования XHR:

var xhr = new XMLHttpRequest(); // создаем новый объект для HTTP-запроса
xhr.open('GET', '/data.json', true); // настраиваем запрос: GET-запрос к файлу data.json
xhr.onreadystatechange = function() { // обработчик событий изменения состояния запроса
  if(xhr.readyState === 4 && xhr.status === 200) { // если состояние запроса COMPLETED и код ответа 200
    var data = JSON.parse(xhr.responseText); // парсим ответ в формате JSON
    console.log(data); // выводим полученные данные в консоль
  }
};
xhr.send(); // отправляем запрос на сервер

В данном примере мы создаем новый объект XHR, настраиваем его на GET-запрос к файлу data.json, определяем обработчик событий изменения состояния запроса, который будет вызван при получении ответа от сервера. Если получен ответ в формате JSON с кодом ответа 200, мы парсим его и выводим в консоль.

XHR также может использоваться для отправки POST-запросов, работы с формами, загрузки файлов и других задач, связанных с взаимодействием с сервером. Однако в более современных версиях JS, вместо использования XHR, рекомендуется использовать более современные методы, такие как fetch и axios.