How can I cancel a fetch request in JavaScript?

How can I cancel a fetch request in JavaScript?

You can cancel a fetch request by using the AbortController. Here's how you can do it.

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 request was canceled');
    }
  });

// To cancel the request
controller.abort();

What happens if I don't cancel the request?

If you don't cancel the request, it will continue to run until it completes or fails, consuming resources.