AJAX请求可能无法按启动顺序完成。您可以选择忽略除最新的AJAX响应之外的所有AJAX响应，而不是放弃：

创建计数器启动AJAX请求时增加计数器使用计数器的当前值“标记”请求在成功回调中，将标记与计数器进行比较，以检查它是否是最近的请求

代码大纲：

var xhrCount = 0;
function sendXHR() {
    // sequence number for the current invocation of function
    var seqNumber = ++xhrCount;
    $.post("/echo/json/", { delay: Math.floor(Math.random() * 5) }, function() {
        // this works because of the way closures work
        if (seqNumber === xhrCount) {
            console.log("Process the response");
        } else {
            console.log("Ignore the response");
        }
    });
}
sendXHR();
sendXHR();
sendXHR();
// AJAX requests complete in any order but only the last 
// one will trigger "Process the response" message

jsFiddle演示

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

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

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

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

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

您可以使用以下命令中止任何连续的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>

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

以下代码显示了启动和中止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!" >