Как на js перехватить ответ XMLHttpRequest запроса на странице?

Для перехвата ответа от XMLHttpRequest запроса на странице в JavaScript вы можете использовать событие readystatechange.

XMLHttpRequest - это объект, который используется для выполнения асинхронных HTTP-запросов. При изменении состояния запроса (readyState) вызывается событие readystatechange.

Пример кода:

// Создаем объект XMLHttpRequest
var xhr = new XMLHttpRequest();

// Открываем соединение с сервером
xhr.open('GET', 'http://example.com/api/data', true);

// Устанавливаем обработчик события readystatechange
xhr.onreadystatechange = function() {
    // Проверяем состояние запроса
    if (xhr.readyState === XMLHttpRequest.DONE) {
        // Проверяем статус ответа
        if (xhr.status === 200) {
            // Обработка ответа    
            var response = xhr.responseText;
            console.log(response);
        } else {
            console.log('Произошла ошибка:', xhr.status);
        }
    }
};

// Отправляем запрос
xhr.send();

При изменении состояния запроса на XMLHttpRequest.DONE, проверяем статус ответа сервера. Если статус равен 200 (OK), то обрабатываем ответ с помощью метода responseText, который содержит полученные данные.

Если статус не равен 200, то это может означать, что произошла ошибка на сервере или запрос был отклонен. В таком случае можно вывести сообщение об ошибке с помощью метода console.log.

Перехватывать ответ можно для различных целей, например, для обновления содержимого страницы без перезагрузки или для отправки данных на сервер и получения ответа. Важно помнить, что использование XMLHttpRequest подразумевает пересылку данных между клиентом и сервером, поэтому вам также может понадобиться установить определенные заголовки запроса или отправить данные в теле запроса, в зависимости от того, какой тип запроса вы выполняете.