API Fetch JavaScript

Interfejs Fetch API pozwala przeglądarkom sieciowym wysyłać żądania HTTP do serwerów sieciowych.

Nie jest już potrzebny XMLHttpRequest.

Obsługa przeglądarek

Tabela zawiera wersje przeglądarek, które w pełni obsługują Fetch API:

Chrome IE Firefox Safari Opera
Chrome 42 Edge 14 Firefox 40 Safari 10.1 Opera 29
Czerwiec 2011 roku Sierpień 2016 roku Sierpień 2015 roku Marzec 2017 roku Kwiecień 2015 roku

Przykład Fetch API

Poniższy przykład pobiera plik i wyświetla jego zawartość:

Przykład

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

Spróbuj sam

Ponieważ Fetch opiera się na async i await, powyższy przykład może być łatwiejszy do zrozumienia:

Przykład

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

Spróbuj sam

Nawet lepiej: używaj zrozumiałych nazw zamiast x i y:

Przykład

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

Spróbuj sam