This content originally appeared on DEV Community and was authored by Shashank Trivedi
The AbortController in JavaScript is a utility used to cancel or abort asynchronous operations, such as fetch requests or other tasks like event listeners, that can take time to complete. It allows you to stop an operation that is no longer needed, which is useful for improving performance and managing resources.
Example Use Case:
// Create an AbortController instance
const controller = new AbortController();
const signal = controller.signal;
// Start a fetch request with the signal attached
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 aborted');
} else {
console.error('Fetch error:', err);
}
});
// If we need to cancel the request:
controller.abort(); // This will abort the fetch request
Controller: The AbortController creates a controller that manages the abort process.
Signal: The AbortController has a signal property that you can pass to functions like fetch(). This signal is used to communicate when the operation should be aborted.
abort() Method: When you call the abort() method, it triggers the signal and cancels the operation.
This content originally appeared on DEV Community and was authored by Shashank Trivedi
Shashank Trivedi | Sciencx (2024-09-11T13:45:16+00:00) AbortController with Fetch. Retrieved from https://www.scien.cx/2024/09/11/abortcontroller-with-fetch/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.