Response : propriété headers

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis mars 2017.

Note : Cette fonctionnalité est disponible via les Web Workers.

La propriété en lecture seule headers de l'interface Response contient l'objet Headers associé à la réponse.

Dans notre exemple de réponse Fetch ^(angl.) (voir la réponse Fetch en direct ^(angl.)), nous créons un nouvel objet Request en utilisant le constructeur Request(), en lui passant un chemin JPG. Nous récupérons ensuite cette requête en utilisant fetch(), extrayons un blob de la réponse en utilisant Response.blob, créons une URL d'objet à partir de celui-ci en utilisant URL.createObjectURL(), et l'affichons dans une image <img>.

Remarquez qu'au début du bloc fetch(), nous journalisons les en-têtes de la réponse dans la console.

const monImage = document.querySelector("img");

const maRequete = new Request("fleurs.jpg");

fetch(maRequete)
  .then((response) => {
    console.log("en-têtes de réponse =", response.headers);
    return response.blob();
  })
  .then((monBlob) => {
    const urlObjet = URL.createObjectURL(monBlob);
    monImage.src = urlObjet;
  });