Jak používat JavaScript Fetch API k získání dat JSON

V Jak používat data JSON s PHP nebo JavaScriptem jsem diskutoval o tom, jak používat XMLHttpRequest() získat data ze zdroje JSON.

Fetch API je novější vestavěná funkce JavaScriptu, která usnadňuje práci s požadavky a odpověďmi.

// Replace ./data.json with your JSON feed
fetch('./data.json')
  .then((response) => {
    return response.json()
  })
  .then((data) => {
    // Work with JSON data here
    console.log(data)
  })
  .catch((err) => {
    // Do something for an error here
  })

Všimněte si, že s Fetch dokonce 404 nebo 500 chyba nevrátí chybu. Chybu vyvolá pouze chyba sítě nebo nedokončení požadavku.