How can I abort a fetch request in JavaScript?

How can I abort a fetch request in JavaScript?

You can use the AbortController API to abort a fetch request. Here's how it works.

Can you show me an example of using AbortController?

Sure! Here's a simple example:

const controller = new AbortController();
const signal = controller.signal;

fetch('https://api.example.com/data', { signal })
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(err => {
    if (err.name === 'AbortError') {
      console.log('Fetch aborted');
    }
  });

// To abort the fetch request:
controller.abort();

What happens if I abort a fetch request?

If you abort a fetch request, it will reject the promise with an AbortError, allowing you to handle it gracefully.