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: Dieses Feature ist verfügbar in Web Workers.

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

  • basic: Normale Antwort aus demselben Ursprung, bei der alle Header bis auf "Set-Cookie" freigelegt sind.
  • cors: Antwort wurde von einer gültigen Cross-Origin-Anfrage empfangen. Bestimmte Header und der Body 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 wird.
  • opaque: Antwort für eine "no-cors"-Anfrage an eine Cross-Origin-Ressource. Stark eingeschränkt.
  • opaqueredirect: Die Fetch-Anfrage wurde mit redirect: "manual" gemacht. Der Status der Antwort ist 0, die Header sind leer, der Body ist null und der Trailer ist leer.

Hinweis: Eine "error"-Antwort wird niemals wirklich einem Skript ausgesetzt: Eine solche Antwort auf ein fetch() würde das Versprechen ablehnen.

Wert

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

Beispiele

In unserem Fetch-Response-Beispiel (siehe Fetch Response live) erstellen wir ein neues Request-Objekt mit dem Request()-Konstruktor, indem wir ihm einen JPG-Pfad übergeben. Anschließend rufen wir diese Anfrage mit fetch() ab, extrahieren ein Blob aus der Antwort mit Response.blob, erstellen eine Objekt-URL daraus mit URL.createObjectURL() und zeigen diese in einem <img> an.

Beachten Sie, dass wir am Anfang des fetch()-Blocks den Antwort-type in die 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 Standard
# ref-for-dom-response-type①

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch