Response: headers-Eigenschaft

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 Beispiel für die Fetch Response (siehe Fetch Response live) erstellen wir ein neues Request-Objekt mit dem Request()-Konstruktor und übergeben ihm einen JPG-Pfad. Wir holen diese Anfrage dann 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 die Antwort-Header in die Konsole protokollieren.

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

Browser-Kompatibilität

Siehe auch

• ServiceWorker API
• HTTP-Zugriffskontrolle (CORS)
• HTTP