How do I use the Fetch API in JavaScript?

How do I use the Fetch API in JavaScript?

The Fetch API allows you to make network requests similar to XMLHttpRequest. It returns a Promise that resolves to the Response object representing the response to the request.

Can you show me a simple example of a GET request?

Sure! Here's a basic example:

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

What about handling errors in Fetch?

You can handle errors by checking the response status. If it's not in the range of 200-299, you can throw an error. Here's an 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('Error:', error));