API Fetch в JavaScript

Определение и использование

fetch() Метод запускает процесс получения ресурсов с сервера.

fetch() Метод возвращает Promise, преобразованный в объект Response.

Подсказка:Дольше не нужен XMLHttpRequest.

Пример

fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));

Попробуйте сами

Fetch основан на async и await. Этот пример может быть проще для понимания:

async function getText(file) {
  let x = await fetch(file);
  let y = await x.text();
  myDisplay(y);
}

Попробуйте сами

Используйте легко понимаемые имена вместо x и y:

async function getText(file) {
  let myObject = await fetch(file);
  let myText = await myObject.text();
  myDisplay(myText);
}

Попробуйте сами

Грамматика

fetch(file)

Параметр

Параметр Описание
file Опционально. Название ресурса, который нужно получить.

Возвратное значение

Тип Описание
Promise Примеряется в Response объекта Promise.

Поддержка браузеров

fetch() Это функция ECMAScript6 (ES6).

Все современные браузеры поддерживают ES6 (JavaScript 2015).

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Да Да Да Да Да

Internet Explorer 11 (и более ранние версии) не поддерживает fetch().