Как запустить проверку? try catch?

Question

[Tishaa]

помогите пожалуйста, голову опять сломал, тут 2 вопроса.
1. пытался создать костюмную ошибку если условие (!response.ok) выполнялось. Т.е если нету ответа от сервера, создаётся ошибка, НО!!! он всегда отвечал даже когда не было сети, почему?
в итоге я создал ещё один try внутри try и тогда сервер не отвечал и ошибка выводилась в catch который внутри родительского try (вы ещё не сломали голову? хкхах).
седлающий вопрос..
2. как мне сейчас реализовать новую ошибку если сервер отвечает больше 0.5 секунд?
пытаюсь через setTimeout но возникает проблема из 1го вопроса

let app = document.querySelector('#app');
async function as(){

  try{
    try{
      let response = await fetch('https://сервер',{
        method: 'POST'
    })
    app.textContent = 'Стабильно'
    }catch{
      console.log('Нет сети')
    }
    
  }catch(error){
    app.textContent = error.message
  }
}




setInterval(()=>{
  as()
},2000)

Comments

[Aragorn]

У вас почти каждый день какие-то вопросы. Мож хорош уже? Подучиться мож, чтоль надо?

[Tishaa]

Aragorn, да вроде для этого и придумали эту платформу

[Aragorn]

Tishaa, для этого, да не совсем. Не для тех кому лень погуглить, вместо того, чтобы сразу бежать сюда

[Tishaa]

Aragorn, я прежде чем написать перерыл весь интернет, я серьёзно не могу найти ответ, сижу около 11 часов в поиске ответа кроме шуток, как сформулировать краткий вопрос для гугла? посмотрел кучу видео, про try, catch, fetch, везде аля блогеры показывают общую картинку "ну вот есть это это, бах сим силабим готов" вот так это работает, что как и почему, почему try в try надо засунуть не кто не объясняет, не где, сидишь сам, пробуешь и так и сяк методом тыка быстрее разберёшься чем найдёшь ответ

Answer 1

[Михаил Р.]

How to get in catch method in Fetch API when there...
Fetch API: how to determine if an error is a netwo...
Detect Network Failures When Using Fetch

Исходя из Вашего вопроса, это будет выглядеть примерно так:

let response;

async function fetchData(request) {

    try {
        response = await Promise.race([
            fetch(request),
            new Promise((_, reject) => setTimeout(
                () => reject(new Error('Timeout')), 500,  // 0.5 секунды
            )),
        ]);
    }

    catch (e) {

        // Ошибка с таймаутом
        if (e.message === 'Timeout' || e.message === 'Network request failed') {
            console.log('Проблемы с интернетом!');
        }

        // Прочие ошибки
        else {
            throw e;
        }

        return;
    }

    try {
        // Преобразуем результат запроса в json
        console.log(await response.json());
    }

    catch (e) {
        console.log('Ошибка при парсинге json');
    }
}


const request = new Request('https://jsonplaceholder.typicode.com/todos/1', {
    method: 'GET',
});

fetchData(request);