Academy HTML CSS JavaScript TypeScript SQL MongoDB Python NumPy Pandas PHP Java C C++ C# Bootstrap Tailwind CSS jQuery React Vue.js Node.js Git
❮ ❯

JavaScript AbortController

Cancel ongoing fetch requests and asynchronous promises safely.

❮ Previous Next ❯

The AbortController interface represents a controller object that allows you to abort one or more Web requests as and when desired using an AbortSignal.

Key Takeaways: JavaScript AbortController

Mastering JavaScript AbortController helps you write clean and reliable JavaScript code. Follow standard conventions, test edge cases, and keep logic simple. Try running the code example below and complete the exercises to build confidence.

JavaScript AbortController Code Example

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

fetch("https://jsonplaceholder.typicode.com/todos/1", { signal })
  .catch(err => {
    if (err.name === "AbortError") {
      console.log("Fetch successfully cancelled by user!");
    }
  });

// Cancel request immediately
controller.abort();
Output
Fetch successfully cancelled by user!
Free sign-in required · Google login available
Finished this lesson?
Mark it complete to track your progress.
❮ Previous
JavaScript WeakMap and WeakSet
Next ❯
JavaScript Intl Internationalization

Stuck on something?

Ask the community in the CodesInTech forum.

Need a developer?

Learning on your own is great — and when you need professional help, our team builds custom software, websites and mobile apps for clients worldwide.

Explore Our Services