Урок 29 · JavaScript

Ошибка запроса не оставляет пустой экран

Сервер может не ответить. Страница при этом обязана сказать, что случилось, и оставить способ повторить.

Почему это следующий шаг

Индикатор загрузки уже гаснет в конце. Теперь различай успех и провал.

Как сделать

Лови ошибку вокруг fetch. Если response.ok ложно, тоже считай это неудачей. В заранее готовый абзац запиши «Не удалось загрузить. Попробуй ещё раз». Список не очищай до прихода новых данных, иначе пропадёт то, что уже было на экране. Кнопка «повторить» вызывает ту же функцию.

if (!response.ok) throw new Error("bad status");

Что проверить

• При обрыве виден текст, а не пустая область.
• Старые пункты не стёрты неудачным запросом.
• Повторный клик запускает загрузку снова.