XHR

Что такое XHR?

Технология XHR представляет собой браузерный API для асинхронной загрузки сведений. JavaScript может обращаться к серверам, чтобы обновить контент без полной перезагрузки документа. Интерфейс – часть веб-платформы. Может встречаться в устаревшем коде.

Объект XMLHttpRequest

Центральным элементом служит объект XMLHttpRequest. Он содержит методы для конфигурации и обработки отклика. Вызов open и send инициирует обращение. Свойства и специальные события позволяют отслеживать прогресс выполнения. При работе с документами формата XML требуется строгое соблюдение синтаксиса.

Отправка запроса

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

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

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