Response.ok

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⁩.

La propriété en lecture seule ok de l'interface Response contient un booléen correspondant au succès (codes de statut compris entre 200 et 299) ou à l'échec de la réponse.

Dans notre exemple (voir la démonstration en ligne) nous créons un nouvel objet Request en utilisant le constructeur Request() avec le chemin vers un JPG en argument. On récupère (fetch en anglais) ensuite la requête en utilisant GlobalFetch.fetch(), on extrait un blob de la réponse en utilisant Body.blob pour créer un objet URL grâce à URL.createObjectURL et l'afficher dans une balise <img>.

Note : Nous affichons la valeur de la propriété ok de la réponse dans la console en haut du bloc fetch().

var myImage = document.querySelector("img");

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

fetch(myRequest).then(function (response) {
  console.log(response.ok); // retourne true si la réponse est retournée avec succès
  response.blob().then(function (myBlob) {
    var objectURL = URL.createObjectURL(myBlob);
    myImage.src = objectURL;
  });
});