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
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
json | Chrome
Vollständige Unterstützung
42
| Edge Vollständige Unterstützung Ja | Firefox
Vollständige Unterstützung
39
| IE Keine Unterstützung Nein | Opera
Vollständige Unterstützung
29
| Safari Keine Unterstützung Nein | WebView Android Keine Unterstützung Nein | Chrome Android Keine Unterstützung Nein | Firefox Android Keine Unterstützung Nein | Opera Android
Vollständige Unterstützung
29
| Safari iOS Keine Unterstützung Nein | Samsung 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.