Response: type-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Die schreibgeschützte type-Eigenschaft des Response-Interfaces enthält den Typ der Antwort. Sie kann einer der folgenden sein:

  • basic: Normale, gleiche Herkunftsantwort, bei der alle Header mit Ausnahme von "Set-Cookie" offengelegt sind.
  • cors: Die Antwort wurde von einer gültigen Cross-Origin-Anfrage empfangen. Bestimmte Header und der Körper können abgerufen werden.
  • error: Netzwerkfehler. Es sind keine nützlichen Informationen zur Beschreibung des Fehlers verfügbar. Der Status der Antwort ist 0, die Header sind leer und unveränderlich. Dies ist der Typ für eine Antwort, die von Response.error() erhalten wurde.
  • opaque: Antwort für eine "no-cors"-Anfrage an eine Cross-Origin-Ressource. Stark eingeschränkt.
  • opaqueredirect: Die Fetch-Anfrage wurde mit redirect: "manual" gestellt. Der Status der Antwort ist 0, die Header sind leer, der Körper ist null und der Trailer ist leer.

Hinweis: Eine "error"-Antwort wird einem Skript nie wirklich offengelegt: Eine solche Antwort auf einen fetch() würde das Versprechen zurückweisen.

Wert

Ein ResponseType-String, der den Typ der Antwort angibt.

Beispiele

In unserem Beispiel zur Fetch-Antwort (siehe Fetch Response live) erstellen wir ein neues Request-Objekt mithilfe des Request()-Konstruktors, dem wir einen JPG-Pfad übergeben. Wir rufen dann diese Anfrage mit fetch() ab, extrahieren einen Blob aus der Antwort mit Response.blob, erstellen daraus eine Objekt-URL mit URL.createObjectURL() und zeigen das in einem <img> an.

Beachten Sie, dass wir zu Beginn des fetch()-Blocks den Antwort-type in der Konsole protokollieren.

js
const myImage = document.querySelector("img");

const myRequest = new Request("flowers.jpg");

fetch(myRequest)
  .then((response) => {
    console.log("response.type =", response.type); // response.type = 'basic'
    return response.blob();
  })
  .then((myBlob) => {
    const objectURL = URL.createObjectURL(myBlob);
    myImage.src = objectURL;
  });

Spezifikationen

Specification
Fetch
# ref-for-dom-response-type①

Browser-Kompatibilität

Siehe auch