How do I cancel an HTTP fetch request

Question

There is a new API for making requests from JavaScript: fetch(). Is there any built in mechanism for canceling these requests in-flight?

Answer 1

Hello @kartik,

If you have an in-flight response and are using ReadableStream, you can close the stream to cancel the request.

Try This:

fetch('http://example.com').then((res) => {
  const reader = res.body.getReader();

  /*
   * Your code for reading streams goes here
   */

  // To abort/cancel HTTP request...
  reader.cancel();
});

Hope this works!!

Thank You!!