What is the structure of a fetch request in JavaScript?

What is the structure of a fetch request in JavaScript?

A fetch request in JavaScript typically has the following structure: fetch(url, options). The url is the endpoint you want to reach, and options is an optional object that can include method, headers, body, etc.

Can you give me an example of a fetch request?

Sure! Here's a simple example:

fetch('https://api.example.com/data', {
  method: 'GET',
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(response => response.json())
.then(data => console.log(data));

What are the common methods used with fetch?

Common methods include 'GET', 'POST', 'PUT', and 'DELETE'. Each method serves a different purpose in API interactions.

How do I handle errors in a fetch request?

You can handle errors by using the .catch() method after your .then() calls. For example:

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