Response: status property

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

Note: This feature is available in Web Workers.

The status read-only property of the 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 type is opaque, opaqueredirect, or error.

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

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

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;
 });