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.

Syntax

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

Parameter

Keine.

Rückgabewert

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...

Beispiel

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);
    }
  });

Spezifikationen

Specification Status Comment
Fetch
Die Definition von 'json()' in dieser Spezifikation.
Lebender Standard  

Browserkompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
Grundlegende Unterstützung
Experimentell
Chrome Vollständige Unterstützung 42
Vollständige Unterstützung 42
Vollständige Unterstützung 41
Deaktiviert
Deaktiviert From version 41: this feature is behind the Experimental Web Platform Features preference. To change preferences in Chrome, visit chrome://flags.
Edge Vollständige Unterstützung JaFirefox Vollständige Unterstützung 39
Vollständige Unterstützung 39
Vollständige Unterstützung 34
Deaktiviert
Deaktiviert From version 34: this feature is behind the dom.fetch.enabled preference. To change preferences in Firefox, visit about:config.
IE Keine Unterstützung NeinOpera Vollständige Unterstützung 29
Vollständige Unterstützung 29
Vollständige Unterstützung 28
Deaktiviert
Deaktiviert From version 28: this feature is behind the Experimental Web Platform Features preference.
Safari Keine Unterstützung NeinWebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinEdge Mobile Vollständige Unterstützung JaFirefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Experimentell. Das Verhalten kann sich zukünftig ändern.
Experimentell. Das Verhalten kann sich zukünftig ändern.
Benutzer muss dieses Feature explizit aktivieren.
Benutzer muss dieses Feature explizit aktivieren.

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: mdnwebdocs-bot, SebinNyshkim
Zuletzt aktualisiert von: mdnwebdocs-bot,