如何中断jQuery AJAX上的响应功能？

Question

I have an Ajax function which takes some time to respond, due to large file. How do I interrupt the response function if I want to stop the Ajax request?

$("#startAjaxButton").click(function(){
  $.ajax({
    url:"ajaxRequest.txt",
      success:function(result){
         $("#div1").html(result);
      }
  });
});

Answer 1

Just use the abort() method.

Like this:

var query = $.ajax({ ... });

// later...
query.abort();

Answer 2

You can stop the ajax request by using the .abort() ,

 var xRequest = $.ajax({
    url:"ajaxRequest.txt",
      success:function(result){
         $("#div1").html(result);
      }
  });

 xRequest.abort();

Answer 3

There are two ways to stop the ajax request. Either you can use the abort() method like following

var xhr = jQuery.ajax({
 url : "/test",
 ...
});

   xhr.abort();

Or using the timeout option like following,

 - var xhr = jQuery.ajax({
        timeout : 3000,
        ...
       }

Also you can refer the following links, which are similar to this question

abort-ajax-requests-using-jquery

How-to-Abort-a-AJAX-Call-Before-Calling-the-Same-A