我已经分享了一个演示，演示了如何取消AJAX请求——如果在预定义的等待时间内没有从服务器返回数据。

HTML格式：

<div id="info"></div>

JS代码：

var isDataReceived= false, waitTime= 1000; 
$(function() {
    // Ajax request sent.
     var xhr= $.ajax({
      url: 'http://api.joind.in/v2.1/talks/10889',
      data: {
         format: 'json'
      },     
      dataType: 'jsonp',
      success: function(data) {      
        isDataReceived= true;
        $('#info').text(data.talks[0].talk_title);        
      },
      type: 'GET'
   });
   // Cancel ajax request if data is not loaded within 1sec.
   setTimeout(function(){
     if(!isDataReceived)
     xhr.abort();     
   },waitTime);   
});

我遇到了轮询的问题，一旦页面关闭，轮询就继续进行，所以在我的原因中，用户会错过一次更新，因为在页面关闭后的下一个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);

如果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请求——如果在预定义的等待时间内没有从服务器返回数据。

HTML格式：

<div id="info"></div>

JS代码：

var isDataReceived= false, waitTime= 1000; 
$(function() {
    // Ajax request sent.
     var xhr= $.ajax({
      url: 'http://api.joind.in/v2.1/talks/10889',
      data: {
         format: 'json'
      },     
      dataType: 'jsonp',
      success: function(data) {      
        isDataReceived= true;
        $('#info').text(data.talks[0].talk_title);        
      },
      type: 'GET'
   });
   // Cancel ajax request if data is not loaded within 1sec.
   setTimeout(function(){
     if(!isDataReceived)
     xhr.abort();     
   },waitTime);   
});