您可以使用以下命令中止任何连续的ajax调用

<input id="searchbox" name="searchbox" type="text" />

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
     var request = null;
        $('#searchbox').keyup(function () {
            var id = $(this).val();
            request = $.ajax({
                type: "POST", //TODO: Must be changed to POST
                url: "index.php",
                data: {'id':id},
                success: function () {
    
                },
                beforeSend: function () {
                    if (request !== null) {
                        request.abort();
                    }
                }
            });
        });
</script>

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

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

我正在进行实时搜索解决方案，需要取消可能比最新/最新请求花费更长时间的未决请求。

在我的案例中，我使用了这样的方法：

//On document ready
var ajax_inprocess = false;

$(document).ajaxStart(function() {
ajax_inprocess = true;
});

$(document).ajaxStop(function() {
ajax_inprocess = false;
});

//Snippet from live search function
if (ajax_inprocess == true)
{
    request.abort();
}
//Call for new request 

没有可靠的方法可以做到这一点，一旦请求得到满足，我甚至不会尝试；唯一合理反应的方法就是忽略反应。

在大多数情况下，这可能会发生在这样的情况下：用户太频繁地点击一个按钮，触发许多连续的XHR，这里有很多选项，要么在XHR返回之前阻止该按钮，要么在另一个正在运行时甚至不触发新的XHR（提示用户向后倾斜），要么丢弃除最近的XHR响应之外的任何未决XHR响应。

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

  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存储库的更多信息。