Fetch API

• Yksinkertainen rajapinta palvelimen kanssa kommunikointiin

  • (Hieman) Kuten jQueryn $.ajax (lisätietoa). Eroina:

    • Vastaus-Promise menee virhe-(reject) -tilaan ainoastaan jos pyyntöä ei pystytä suorittamaan loppuun, esimerkiksi virheellisistä parametreista tai verkkoyhteydestä johtuen

    • Oletuksena fetch ei lähetä eikä vastaanota evästeitä

• response.ok-boolean-arvo asetetaan HTTP-statuskoodin perusteella

  • true, jos statuskoodi on välillä 200-299

• Uusissa selaimissa

• Saatavilla vanhoihin selaimiin polyfillinä

Esimerkki

fetch('/persons.json')
  .then(function (response) {
    return response.json();
  })
  .then(function (data) {
    console.log(data);
  });

Esimerkki ES2017 async-funktiolla *

async function listPersons() {
  const response = await fetch('/persons.json');
  const persons = await response.json();
  console.log(persons);
}
listPersons();

Lisää esimerkkejä

* Uusissa selaimissa, käännettävissä vanhoihin selaimiin