这是一个异步请求，意味着一旦它被发送，它就在那里。

如果您的服务器由于AJAX请求而启动了一个非常昂贵的操作，那么您所能做的最好就是打开服务器以侦听取消请求，然后发送一个单独的AJAX请求，通知服务器停止它正在做的任何事情。

否则，只需忽略AJAX响应。

您不能撤回请求，但可以设置超时值，超过该值后将忽略响应。有关jquery AJAX选项，请参阅本页。我相信如果超过超时时间，将调用错误回调。每个AJAX请求都有一个默认超时。

您也可以对请求对象使用abort（）方法，但是，虽然它会导致客户端停止侦听事件，但它可能不会阻止服务器处理它。

如果xhr.art（）；导致页面重新加载，

然后，您可以在中止前设置onreadystatechange以防止：

// ↓ prevent page reload by abort()
xhr.onreadystatechange = null;
// ↓ may cause page reload
xhr.abort();

以下代码显示了启动和中止Ajax请求：

function libAjax(){
  var req;
  function start(){

  req =    $.ajax({
              url: '1.php',
              success: function(data){
                console.log(data)
              }
            });

  }

  function stop(){
    req.abort();
  }

  return {start:start,stop:stop}
}

var obj = libAjax();

 $(".go").click(function(){


  obj.start();


 })



 $(".stop").click(function(){

  obj.stop();


 })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" class="go" value="GO!" >
   <input type="button" class="stop" value="STOP!" >

我们只需要解决这个问题，并测试了三种不同的方法。

按照@meouw的建议取消请求执行所有请求，但只处理最后一次提交的结果在另一个请求仍处于挂起状态时阻止新请求

变量Ajax1={调用：函数（）{if（typeof this.xhr！==“undefined”）this.xhr.abourt（）；this.xhr=$.ajax({url:'您的/long/running/request/path'，类型：'GET'，成功：函数（数据）{//过程响应}});}};变量Ajax2={计数器：0，调用：函数（）{var self=此，seq=++此计数器；$.ajax美元({url:'您的/long/running/request/path'，类型：'GET'，成功：函数（数据）{如果（seq==self.counter）{//过程响应}}});}};变量Ajax3={活动：假，调用：函数（）{如果（this.active==false）{this.active=真；var self=this；$.ajax美元({url:'您的/long/running/request/path'，类型：'GET'，成功：函数（数据）{//过程响应},完成：函数（）{self.active=假；}});}}};$（函数）{$（“#按钮”）.click（函数（e）{Ajax3.call（）；});})<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><input id=“button”type=“button“value=“click”/>

在我们的案例中，我们决定使用方法#3，因为它会减少服务器的负载。但我不能100%确定jQuery是否保证调用.complete（）方法，这可能会导致死锁。在我们的测试中，我们无法再现这种情况。

例如，只需使用ajax.abourt（），就可以在发送类似这样的另一个请求之前中止任何挂起的ajax请求

//check for existing ajax request
if(ajax){ 
 ajax.abort();
 }
//then you make another ajax request
$.ajax(
 //your code here
  );