How do I use AbortController in JavaScript?

How do I use AbortController in JavaScript?

AbortController is a built-in JavaScript object that allows you to abort one or more DOM requests. You can create an instance of it and use it with fetch requests.

Can you show me a code example?

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');
    } else {
      console.error('Fetch error:', err);
    }
  });

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

What happens if I abort a fetch request?

If you abort a fetch request, it will throw an 'AbortError' which you can catch in your catch block to handle it gracefully.

Are there any limitations to using AbortController?

Yes, AbortController can only abort requests that support the signal option, like fetch. It won't work with XMLHttpRequest or other APIs.