Response: headers-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 headers-Schreibgeschützte-Eigenschaft des Response-Interfaces enthält das Headers-Objekt, das mit der Antwort verknüpft ist.

Wert

Ein Headers-Objekt.

Beispiele

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

Beachten Sie, dass wir am Anfang des fetch()-Blocks die Header der Antwort in der Konsole protokollieren.

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

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

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

Spezifikationen

Specification
Fetch Standard
# ref-for-dom-response-headers①

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch