Fetch API & Handling JSON Responses

Why is checking response.ok important?

const response = await fetch('/api/data');
if (!response.ok) {
  throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();

It's not important, just a convention
To ensure the response contains JSON
To verify the request was sent successfully
To check if the HTTP status indicates success
Checking response.ok is crucial because: 1) fetch doesn't reject on HTTP error statuses (400-599), 2) response.ok is true only for status codes 200-299, 3) Helps distinguish between successful and failed requests, 4) Allows custom error handling for HTTP errors, 5) Prevents processing invalid or error responses, 6) Essential for robust API interaction.

Next Question (4/21)