Возможно ли задать timeout для fetch?

Question

[zkrvndm]

Возникла необходимость ограничить длительность запроса отправляемого через fetch. Как я понял, он не поддерживает такую возможность и вероятно мне придется переписывать все на XMLHttpRequest. Однако, перед тем, как переписать код, я все же переспрошу здесь - может все же есть какие-то способы ограничить длительность fetch-запроса?

Comments

[RAX7]

https://developer.mozilla.org/ru/docs/Web/API/Abor...

[Анатолий Куликов]

https://davidwalsh.name/fetch-timeout

[SheikhRamil]

https://davidwalsh.name/fetch-timeout

Answer 1

[Алексей П]

Самый простой вариант

const get = timeout => url => 
  Promise.race([
    fetch(url),
    new Promise((resolve, reject) =>
      setTimeout(() => reject(new Error('timeout')), timeout)
    )
  ]);

Вариант с AbortController

Comments

[zkrvndm]

Вариант с AbortController подходит, спасибо.

[Алексей П]

Надим Закиров, рад помочь

[Yuriy-505]

У меня с AbortController как то не срослось, поэтому а вот такой варинт отлично сработал! Спасибо Алексей П !

const getFetch = (timeout, url) => {
    return Promise.race([
      fetch(url),
      new Promise((resolve, reject) =>
        setTimeout(() => reject(new Error('timeout')), timeout)
      )
    ]);
  }

  try {
    response = await getFetch(FETCH_TIMEOUT, url);
  } catch (err) {
    return `${resultHeader}\n--Не удалось получить ответ:${err}`;
  }

[Алексей П]

Yuriy-505, обращайся