См. интсрукция по ruweb.
Что такое xhr.status?
11.06.2026 20:52 / Марат / Смотрели : 49 / js | xhr |"Xhr.status". "Что такое xhr.status?"
Описание xhr.status.
- Что такое xhr.status?
- Пример кода xhr.status :
- Живой пример кода xhr.status :
- Объяснение живого примера с xhr.status :
- xhr.status цифровые ответы: :
- Скачать готовый скрипт xhr.status.
-
Что такое xhr.status? -
Пример кода xhr.status : -
Живой пример кода xhr.status : -
Объяснение живого примера с xhr.status : -
xhr.status цифровые ответы: -
Скачать готовый скрипт xhr.status.
xhr.status — это свойство объекта XMLHttpRequest (XHR) в JavaScript, которое содержит HTTP‑статус‑код ответа от сервера после выполнения запроса.
Что возвращает xhr.status?
Свойство возвращает числовое значение — стандартный HTTP‑статус‑код. Он говорит о результате запроса:
200 — «OK»: запрос выполнен успешно.
404 — «Not Found»: запрошенный ресурс не найден.
500 — «Internal Server Error»: ошибка на стороне сервера.
До завершения запроса (или при ошибке сети) значение может быть 0.
и т. д.
Когда можно получить значение xhr.status?
Обращаться к xhr.status нужно внутри обработчика события onreadystatechange и только при определённых условиях:
readyState должен быть 4 (запрос завершён).
Затем можно проверять status.
Пример кода "xhr.status" как это работает:
Чтобы проверить работоспособность и что возвращает "xhr.status" размещу данный код прямо здесь...
Поскольку страницы с адресом "
Пример кода с xhr.status :
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
console.log('Успех! Данные:', xhr.responseText);
} else {
console.error('Ошибка! Статус:', xhr.status);
}
}
};
xhr.open('POST', 'https://jsphp.ru/data');
xhr.send();
В выше расположенном пункте был код "xhr.status" с отправкой запроса на несуществующую страницу.
Данный пример будет раздаваться для всех перечисленных функций в коде "js"!
Первая страница "
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<script>
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
document.write('Успешно! Данные:', xhr.responseText);
} else {
document.write('Ошибка! Статус:', xhr.status);
}
}
};
xhr.open('POST', 'xhr.status_1.php');
xhr.send();
</script>
</body>
</html>
Вторая страница xhr.status :
На второй странице...
Расположим простой php код:
<? if($_POST) echo 'Привет мир';
Выше вы видели страницы с работающим примером с " xhr.status", но как это работает!?
Вы открываете страницу "
Далее
В выше приведенном примере кода происходят следующие действия :
Создаем переменную через объект "XMLHttpRequest" :
const xhr = new XMLHttpRequest();
Далее onreadystatechange : отслеживаем прогресс выполнения AJAX‑запроса
xhr.onreadystatechange = function() {
Проверяем "xhr.status" :
if (xhr.status === 200) {
Если все прошло успешно, то выводим с помощью document.write xhr.responseText :
document.write('Успешно! Данные:', xhr.responseText);
Иначе :
document.write('Ошибка! Статус:', xhr.status);
Далее по коду - xhr.open на страницу "xhr.status_1.php"
xhr.open('POST', 'xhr.status_1.php');
И xhr.send();.
xhr.send();
Переходим к странице "xhr.status_1.php".
В этом примере, страница "
<? if($_POST) echo 'Привет мир';
Далее возвращаемся к коду "JS" на странице №1.
К точке с проверками "if"...
Начнем со списка xhr.status цифровые ответы:
Категории кодов состояния xhr.status:
Коды делятся на 5 групп по первой цифре:
1xx (информационные): запрос принят, продолжается обработка.
2xx (успешные): запрос успешно получен, понят и принят.
3xx (перенаправления): для выполнения запроса нужно предпринять дополнительные действия (например, перейти на другой URL).
4xx (ошибки клиента): запрос содержит ошибку, сервер не может его обработать.
5xx (ошибки сервера): сервер не смог выполнить корректный запрос.
Свойство xhr.status в объекте XMLHttpRequest возвращает числовой код состояния HTTP‑ответа от сервера. Разберу подробно.
Основные особенности xhr.status:
Тип данных: целое число (integer). Доступность: свойство доступно только для чтения.
Начальное значение: до начала запроса и во время его выполнения (до получения ответа) xhr.status равен 0.
Ошибки xhr.status:
Браузеры также возвращают 0 при ошибках запроса (например, при проблемах с CORS или прерывании соединения).
Распространённые коды
Успешные ответы (2xx) xhr.status:
200 OK — запрос успешен, данные возвращены.
201 Created — создан новый ресурс.
204 No Content — запрос успешен, но ответ не содержит тела.
Перенаправления (3xx) xhr.status:
301 Moved Permanently — ресурс перемещён навсегда.
304 Not Modified — ресурс не изменился (используется с кэшированием).
Ошибки клиента (4xx) xhr.status:
400 Bad Request — некорректный запрос (ошибка в синтаксисе).
401 Unauthorized — требуется аутентификация.
403 Forbidden — доступ запрещён.
404 Not Found — ресурс не найден.
429 Too Many Requests — превышен лимит запросов.
Ошибки сервера (5xx) xhr.status:
500 Internal Server Error — общая ошибка сервера.
502 Bad Gateway — неверный ответ от вышестоящего сервера.
503 Service Unavailable — сервис временно недоступен.
504 Gateway Timeout — тайм‑аут шлюза.
Данный пример будет раздаваться для всех перечисленных функций в коде "js"!
Что в архиве!?
В архиве вот этот пример.
Что делать с архивом?
Внутри архива два файла.
Распаковываете архив.
Бросаете все содержимое папки в любое место своего сайта...
Последнние комментарии:
