Body.json()

Die Methode json() des Body Mixin nimmt einen Response Stream und liest ihn bis zum Ende. Sie gibt ein Promise zurück, welches den Inhalt des Body als JSON einliest.

response.json().then(function(data) {
  // mach etwas mit data
});

Keine.

Ein Promise, welches den Inhalt des Body als JSON einliest. Dies kann alles sein, was als JSON abgebildet werden kann — ein Objekt, ein Array, ein String, eine Zahl...

In unserem Beispiel für den Abruf eines json (live ausführen) erstellen wir eine neue Anfrage mit dem Request.Request Konstruktor und rufen dann eine .json Datei ab. Wenn der Abruf erfolgreich ist lesen wir die Daten ein und parsen sie mit json(), lesen die Werte erwartungsgemäß aus und fügen sie in eine Liste ein um unsere Produktdaten anzuzeigen.

var myList = document.querySelector('ul');

var myRequest = new Request('products.json');

fetch(myRequest)
  .then(function(response) { return response.json(); })
  .then(function(data) {
    for (var i = 0; i < data.products.length; i++) {
      var listItem = document.createElement('li');
      listItem.innerHTML = '<strong>' + data.products[i].Name + '</strong> befindet sich in ' +
                           data.products[i].Location +
                           '. Preis: <strong>' + data.products[i].Price + '€</strong>';
      myList.appendChild(listItem);
    }
  });

• ServiceWorker API
• HTTP access control (CORS)
• HTTP