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.
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.
Examples
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;
});
Specifications
Specification |
---|
Fetch Standard # ref-for-dom-response-status① |
Browser compatibility
BCD tables only load in the browser