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

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

否则，只需忽略AJAX响应。

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

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

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

将所做的调用保存在数组中，然后对每个调用调用xhr.art（）。

巨大的漏洞：你可以中止请求，但这只是客户端。服务器端可能仍在处理请求。如果您对会话数据使用PHP或ASP之类的东西，那么会话数据将被锁定，直到ajax完成。因此，为了允许用户继续浏览网站，必须调用session_write_close（）。这将保存会话并将其解锁，以便等待继续的其他页面将继续。如果没有这一点，可能会有多个页面等待解除锁定。

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

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

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

我试图解决的问题（其他人可能也会遇到）是，当用户在输入字段中输入信息时，我想发出一个请求，请求使用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记录到控制台。

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

  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;
          }          
        }); 
  }