JavaScript Fetch API

Määritelmä ja käyttö

fetch() Metodi käynnistää prosessin, joka haet resurssin palvelimelta.

fetch() Metodi palauttaa lupauksen, joka muunnetaan Response-objektiksi.

Vinkki:Ei enää tarvita XMLHttpRequest:ää.

Esimerkki

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

Kokeile itse

Fetch perustuu async ja await -syntaksiin. Tämä esimerkki voi olla helpommin ymmärrettävä:

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

Kokeile itse

Käytä ymmärrettäviä nimiä x ja y sijaan:

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

Kokeile itse

Syntaksi

fetch(tiedosto)

Parametrit

Parametrit Kuvaus
tiedosto Valinnainen. Haettavan resurssin nimi.

Palautusarvo

Tyyppi Kuvaus
Lupaus Selvitetään Response-objektiksi muuttuva lupaus.

Selaimen tuki

fetch() On ECMAScript6 (ES6) -ominaisuus.

Kaikki nykyaikaiset selaimet tukevat ES6 (JavaScript 2015).

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Kyllä Kyllä Kyllä Kyllä Kyllä

Internet Explorer 11 (ja aikaisemmat versiot) ei tue fetch()。