API Fetch JavaScript

Интерфейс Fetch API позволяет веб-браузерам отправлять HTTP-запросы на веб-сервер.

Дольше не потребуется XMLHttpRequest.

Поддержка браузерами

В таблице указаны версии браузеров, которые полностью поддерживают Fetch API:

Chrome IE Firefox Safari Opera
Chrome 42 Edge 14 Firefox 40 Safari 10.1 Opera 29
июнь 2011 года август 2016 года август 2015 года март 2017 года апрель 2015 года

Пример Fetch API

Ниже приведен пример получения файла и отображения его содержимого:

Пример

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);
}

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