Back to Content

Response: status property

files/en-us/web/api/response/status/index.md

latest1.8 KB
Original Source

{{APIRef("Fetch API")}}{{AvailableInWorkers}}

The status read-only property of the {{domxref("Response")}} interface contains the HTTP status codes of the response.

For example, 200 for success, 404 if the resource could not be found.

Value

An unsigned short number. This is one of the HTTP response status codes.

A value is 0 is returned for a response whose {{domxref("Response.type", "type")}} is opaque, opaqueredirect, or error.

Examples

In our Fetch Response example (see Fetch Response live) we create a new {{domxref("Request")}} object using the {{domxref("Request.Request","Request()")}} constructor, passing it a JPG path. We then fetch this request using {{domxref("Window/fetch", "fetch()")}}, extract a blob from the response using {{domxref("Response.blob")}}, create an object URL out of it using {{domxref("URL.createObjectURL_static", "URL.createObjectURL()")}}, and display this in an {{htmlelement("img")}}.

Note that at the top of the fetch() block we log the response status value to the console.

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

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

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

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also