Die Response Schnittstelle der Fetch API stellt die Antwort auf eine Anfrage dar.

Sie können ein neues Response-Objekt mithilfe des Konstruktors Response.Response() erstellen. Es ist jedoch warhscheinlicher, dass Sie ein Response-Objekt als Rückgabewert einer API Operation erhalten, z. B. durch einen Service Worker Fetchevent.respondWith oder ein simples GlobalFetch.fetch().

Konstruktor

Response()
Erstell ein neues Response Objekt.

Eigenschaften

Response.headers Read only
Enthält das Headers Objekt der Antwort.
Response.ok Read only
Enthält einen boolschen Wert, ob die anfrage Erfolgreich war (Status im Bereich von 200-299) oder nicht.
Response.redirected Read only
Gibt an, ob die Antwort das Ergebnis einer Weiterleitung ist, d. h. die URL-Liste enthält mehrere Einträge.
Response.status Read only
Enthält den Status-Code der Antwort (z. B. 200 bei Erfolg).
Response.statusText Read only
Enthält die Statusmeldung, die dem Statuscode entspricht (z. B. OK für 200).
Response.type Read only
Enthält den Typ der Antwort (z. B. basic, cors).
Response.url Read only
Enthält die URL der Antwort.
Response.useFinalURL
Enthält einen booleschen Wert, der angibt, ob dies die endgültige URL der Antwort ist.

Response implementiert Body, daher stehen darüber hinaus auch folgende Eigenschaften zur Verfügung:

Body.body Read only
Ein einfacher Getter, der verwendet wird, um einen ReadableStream des Body-Inhalts verfügbar zu machen.
Body.bodyUsed Read only
Speichert einen Boolean, der angibt, ob der Body bereits in einer Antwort verwendet wurde.

Methoden

Response.clone()
Klont Response Objekt.
Response.error()
Gibt ein neues Response Objekt zurück, das einem Netzwerkfehler zugeordnet ist.
Response.redirect()
Erstellt eine neue Antwort mit einer anderen URL.

Response implementiert Body, daher stehen darüber hinaus auch folgende Methoden zur Verfügung:

Body.arrayBuffer()
Nimmt einen Response Stream und liest ihn bis zum Ende. Gibt ein Promise zurück, welches in einen ArrayBuffer aufgelöst wird.
Body.blob()
Nimmt einen Response Stream und liest ihn bis zum Ende. Gibt ein Promise zurück, welches in einen Blob aufgelöst wird.
Body.formData()
Nimmt einen Response Stream und liest ihn bis zum Ende. Gibt ein Promise zurück, welches in einen FormData Objekt aufgelöst wird.
Body.json()
Nimmt einen Response Stream und liest ihn bis zum Ende. Gibt ein Promise zurück, welches den Inhalt des Body als JSON einliest.
Body.text()
Nimmt einen Response Stream und liest ihn bis zum Ende. Gibt ein Promise zurück, welches in einen USVString (Text) aufgelöst wird.

Beispiele

In unserem grundlegenden Beispiel zu Fetch (Beispiel live ausführen) verwenden wir einen einfachen Aufruf von fetch(), um ein Bild abzurufen und es in einem <img> Tag anzuzeigen. Der Aufruf von fetch() gibt ein Promise zurück, das zu einem Response Objekt aufgelöst wird, welches mit der Anforderung der Ressource verknüpft ist. Da wir ein Bild anfordern, werden Sie feststellen, dass wir Body.blob ausführen müssen (Response implementiert Body), um der Antwort den richtigen MIME-Type zuzuordnen.

const image = document.querySelector('.my-image');
fetch('flowers.jpg').then(function(response) {
  return response.blob();
}).then(function(blob) {
  const objectURL = URL.createObjectURL(blob);
  image.src = objectURL;
});

Sie können auch den Response.Response() Konstruktor verwenden, um Ihr eigenes benutzerdefiniertes Response Objekt zu erstellen:

const response = new Response();

Spezifikationen

Specification Status Comment
Fetch
Die Definition von 'Response' in dieser Spezifikation.
Lebender Standard Initial definition

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ützungChrome 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 39IE Keine Unterstützung NeinOpera Vollständige Unterstützung 29Safari Vollständige Unterstützung 10.1WebView Android 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.
Chrome Android 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 Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung JaOpera Android Vollständige Unterstützung 29Safari iOS Vollständige Unterstützung 10.1Samsung Internet Android Vollständige Unterstützung 4.0
Response() constructor
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 15Firefox 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 Vollständige Unterstützung 10.1WebView Android 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.
Chrome Android 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 Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung JaOpera Android 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 iOS Vollständige Unterstützung 10.3Samsung Internet Android Vollständige Unterstützung 4.0
headers
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 14Firefox 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
ok
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 14Firefox 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
redirected
Experimentell
Chrome Vollständige Unterstützung 60Edge Vollständige Unterstützung 16Firefox Vollständige Unterstützung 49IE Keine Unterstützung NeinOpera Vollständige Unterstützung 47Safari Keine Unterstützung NeinWebView Android Vollständige Unterstützung 60Chrome Android Vollständige Unterstützung 60Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 49Opera Android Vollständige Unterstützung 47Safari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
status
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 14Firefox 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
statusText
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 14Firefox 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
type
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 14Firefox 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
url
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 14Firefox 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
useFinalURL
ExperimentellVeraltet
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 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.
Opera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
clone
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 14Firefox 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
error
Experimentell
Chrome Vollständige Unterstützung JaEdge Vollständige Unterstützung 16Firefox Vollständige Unterstützung JaIE Keine Unterstützung NeinOpera Vollständige Unterstützung JaSafari Vollständige Unterstützung JaWebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinEdge Mobile ? Firefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
redirect
Experimentell
Chrome Vollständige Unterstützung JaEdge Vollständige Unterstützung 16Firefox Vollständige Unterstützung JaIE Keine Unterstützung NeinOpera Vollständige Unterstützung JaSafari Vollständige Unterstützung JaWebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinEdge Mobile ? Firefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
trailerChrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt
Experimentell. Das Verhalten kann sich zukünftig ändern.
Experimentell. Das Verhalten kann sich zukünftig ändern.
Veraltet. Nicht für den Einsatz in neuen Webseiten gedacht.
Veraltet. Nicht für den Einsatz in neuen Webseiten gedacht.
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,