How do I handle responses from the Fetch API in JavaScript?

How do I handle responses from the Fetch API in JavaScript?

You can handle responses from the Fetch API by using the .then() method to process the response. First, check if the response is okay, then parse it as JSON.

Can you show me an example of that?

Sure! Here's a simple example:

fetch('https://api.example.com/data')
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.json();
  })
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error('There was a problem with the fetch operation:', error);
  });

What if the response is not in JSON format?

If the response is not in JSON format, you can use the appropriate method to parse it, like .text() for plain text or .blob() for binary data.