XHR

Що таке XHR?

Технологія XHR є браузерним API для асинхронного завантаження відомостей. JavaScript може звертатися до серверів, щоб оновити контент без перезавантаження документа. Інтерфейс є частиною веб-платформи. Може зустрічатися у застарілому коді.

Об’єкт XMLHttpRequest

Центральним елементом є об’єкт XMLHttpRequest. Він містить методи конфігурації та обробки відгуку. Виклик open та send ініціює звернення. Властивості та спеціальні події дозволяють відстежувати прогрес виконання. При роботі з документами формату XML потрібне суворе дотримання синтаксису.

Надсилання запиту

Процес відправки зазвичай включає таку послідовність: спочатку створюється екземпляр, де вказується HTTP-метод та URL. Рекомендовано зберігати асинхронний режим роботи. Потім реєструються обробники onload і onerror для реакції на результат. Після цього виконується сама дія. Скрипт змінює вміст сторінки на льоту. Механізм також підтримує відстеження завантаження файлів на сервер.

Приклад використання

Типовий сценарій – звернення до API. У коді ініціюється новий екземпляр, налаштовується через open (‘GET’, ‘/api/items’) та відправляється. Після отримання відповіді, скрипт модифікує необхідні елементи на сторінці. Такий підхід працює між різними сайтами, а браузери підтримують кешування.