Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Задачи

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Назад
Вопрос про JavaScript: HTTP status codes, client error, server error, 4xx, 5xx

Какие коды ответов сервера вы знаете? Чем отличаются ошибки клиента от ошибок сервера?

Вопрос проверяет знание HTTP-статус-кодов и понимание разницы между ошибками на стороне клиента и сервера.

Короткий ответ

HTTP-статус-коды делятся на классы: 1xx (информационные), 2xx (успех), 3xx (перенаправление), 4xx (ошибка клиента) и 5xx (ошибка сервера). Ошибки 4xx указывают на проблемы с запросом от клиента, например, 404 Not Found или 400 Bad Request. Ошибки 5xx говорят о проблемах на стороне сервера, например, 500 Internal Server Error или 503 Service Unavailable.

Длинный ответ

Что такое HTTP-статус-коды?

HTTP-статус-коды — это трёхзначные числа, которые сервер возвращает в ответ на запрос клиента. Они делятся на пять классов, каждый из которых обозначает определённый тип ответа. Понимание этих кодов помогает разработчикам быстро диагностировать проблемы в работе веб-приложений.

Основные классы кодов

  • 1xx (Informational) — запрос получен, обработка продолжается. Например, 101 Switching Protocols используется при WebSocket.
  • 2xx (Success) — запрос успешно обработан. Например, 200 OK, 201 Created.
  • 3xx (Redirection) — требуется дополнительное действие клиента. Например, 301 Moved Permanently, 302 Found.
  • 4xx (Client Error) — ошибка на стороне клиента. Например, 400 Bad Request, 401 Unauthorized, 403 Forbidden, 404 Not Found.
  • 5xx (Server Error) — ошибка на стороне сервера. Например, 500 Internal Server Error, 502 Bad Gateway, 503 Service Unavailable.

Разница между 4xx и 5xx

Ошибки 4xx возникают, когда проблема в запросе клиента: неверный URL, отсутствие авторизации, неправильные данные. Ошибки 5xx указывают на то, что сервер не смог обработать корректный запрос из-за внутренней проблемы, например, сбоя в коде или перегрузки.

Примеры кода

Вот как можно обрабатывать статус-коды в JavaScript при работе с fetch:

fetch('https://api.example.com/data')
  .then(response => {
    if (response.status === 200) {
      return response.json();
    } else if (response.status === 404) {
      console.error('Ресурс не найден');
    } else if (response.status >= 500) {
      console.error('Ошибка сервера');
    }
  })
  .catch(error => console.error('Сетевая ошибка:', error));

Вывод

Знание HTTP-статус-кодов необходимо для отладки веб-приложений и построения корректной обработки ошибок. Ошибки 4xx требуют исправления запроса клиента, а 5xx — диагностики серверной части.

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию

Уровень

  • Рейтинг:

    5

  • Сложность:

    2

Навыки

  • JavaScript

    JavaScript

  • Networks

Ключевые слова

#HTTP status codes

#client error

#server error

#4xx

#5xx

Подпишись на React Developer в телеграм

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию