正如线程中的许多人所指出的，仅仅因为请求在客户端被中止，服务器仍然会处理该请求。这会在服务器上产生不必要的负载，因为它正在做我们已经停止在前端侦听的工作。

我试图解决的问题（其他人可能也会遇到）是，当用户在输入字段中输入信息时，我想发出一个请求，请求使用Google Instant类型的感觉。

为了避免发出不必要的请求并保持前端的快速性，我执行了以下操作：

var xhrQueue = [];
var xhrCount = 0;

$('#search_q').keyup(function(){

    xhrQueue.push(xhrCount);

    setTimeout(function(){

        xhrCount = ++xhrCount;

        if (xhrCount === xhrQueue.length) {
            // Fire Your XHR //
        }

    }, 150);

});

这将基本上每150毫秒发送一个请求（您可以根据自己的需要定制一个变量）。如果您无法理解这里到底发生了什么，请在If块之前将xhrCount和xhrQueue记录到控制台。

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

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

这是我基于以上许多答案的实现：

  var activeRequest = false; //global var
  var filters = {...};
  apply_filters(filters);

  //function triggering the ajax request
  function apply_filters(filters){
        //prepare data and other functionalities
        var data = {};
        //limit the ajax calls
        if (activeRequest === false){
          activeRequest = true;
        }else{
          //abort if another ajax call is pending
          $request.abort();
          //just to be sure the ajax didn't complete before and activeRequest it's already false
          activeRequest = true;        
        }

        $request = $.ajax({ 
          url : window.location.origin + '/your-url.php',
          data: data,
          type:'POST',
          beforeSend: function(){
            $('#ajax-loader-custom').show();
            $('#blur-on-loading').addClass('blur');
          },            
          success:function(data_filters){

              data_filters = $.parseJSON(data_filters);
              
              if( data_filters.posts ) {
                  $(document).find('#multiple-products ul.products li:last-child').after(data_filters.posts).fadeIn();
              }
              else{ 
                return;
              }
              $('#ajax-loader-custom').fadeOut();
          },
          complete: function() {
            activeRequest = false;
          }          
        }); 
  } 

大多数jQueryAjax方法都返回XMLHttpRequest（或等效的）对象，因此您可以只使用abort（）。

请参阅文档：

中止方法（MSDN）。取消当前HTTP请求。abort（）（MDN）。如果请求已经发送，则此方法将中止请求。

var xhr = $.ajax({
    type: "POST",
    url: "some.php",
    data: "name=John&location=Boston",
    success: function(msg){
       alert( "Data Saved: " + msg );
    }
});

//kill the request
xhr.abort()

更新：从jQuery1.5开始，返回的对象是本地XMLHttpRequest对象jqXHR的包装器。此对象似乎公开了所有本机财产和方法，因此上述示例仍然有效。请参阅jqXHR对象（jQuery API文档）。

更新2:从jQuery3开始，ajax方法现在使用额外的方法（如abort）返回一个promise，所以上面的代码仍然有效，尽管返回的对象不再是xhr。请在此处查看3.0博客。

UPDATE3:xhr.abourt（）仍然适用于jQuery3.x。不要假设更新2是正确的。有关jQuery Github存储库的更多信息。

我遇到了轮询的问题，一旦页面关闭，轮询就继续进行，所以在我的原因中，用户会错过一次更新，因为在页面关闭后的下一个50秒内，mysql值被设置，即使我终止了ajax请求，我还是想了想，使用$_SESSION设置一个var。在轮询结束并开始新的轮询之前，所以我所做的是在数据库中设置一个值为0=offpage，当我轮询时，我查询该行并返回false；当它为0时，轮询中的查询将明显地获得当前值。。。

我希望这有帮助

无论是jquery ajax对象还是本机XMLHTTPRequest对象，只需调用xhr.abourt（）。

例子：

//jQuery ajax
$(document).ready(function(){
    var xhr = $.get('/server');
    setTimeout(function(){xhr.abort();}, 2000);
});

//native XMLHTTPRequest
var xhr = new XMLHttpRequest();
xhr.open('GET','/server',true);
xhr.send();
setTimeout(function(){xhr.abort();}, 2000);