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 reject the promise with an 'AbortError'. You can catch this error 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.