API Fetch JavaScript

Definicja i użycie

fetch() Metoda uruchamia proces pobierania zasobu z serwera.

fetch() Metoda zwraca Promise przetwarzany na obiekt Response.

Wskazówka:Nie jest już potrzebny XMLHttpRequest.

Przykład

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

Spróbuj sam

Fetch opiera się na async i await. Ten przykład może być łatwiejszy do zrozumienia:

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

Spróbuj sam

Używaj zrozumiałych nazw zamiast x i y:

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

Spróbuj sam

Gramatyka

fetch(file)

Parametry

Parametry Opis
file Opcjonalnie. Nazwa zasobu do uzyskania.

Zwracana wartość

Typ Opis
Promise Przetwarzanie na obiekt Response Promise.

Wspierane przeglądarki

fetch() To są cechy ECMAScript6 (ES6).

Wszystkie współczesne przeglądarki obsługują ES6 (JavaScript 2015).

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tak Tak Tak Tak Tak

Internet Explorer 11 (i wcześniejsze wersje) nie obsługuje fetch()。