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

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
# ref-for-dom-response-headers①

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
Node.js
headers

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch