Source Code:
(back to article)
Submit
Result:
Report an issue
<body> <button id="abortButton">Abort Fetch Request</button> <script> const controller = new AbortController(); const signal = controller.signal; document.getElementById('abortButton').addEventListener('click', () => { controller.abort(); }); fetch('https://httpbin.org/delay/5', { signal }) .then(response => response.json()) .then(data => alert( 'Data is successfully fetched! Refresh the page and try aborting.' )) .catch(error => { if (error.name === 'AbortError') { alert('Fetch request was aborted by the user'); } else { alert('Fetch error: ' + error.message); } }); </script> </body>