Убейте запрос повторяющегося AJAX

Question

У меня есть запрос AJAX, который выглядит следующим образом:

var statistics = "link-to-a-JSONP"; 

function team_stats(json) { 
    alert(json); 
} 

(function stats() { 
     $.ajax({ 
      type: 'GET', 
      url: statistics + '?callback=jsonp', 
      crossDomain: true, 
      dataType: 'jsonp', 
      jsonpCallback: 'team_stats', 
      jsonp: 'callback', 
      data: {}, 
      success: function(data) { 
       var test += '<div>' + data + '</div>'; 
       $(".content").append(test); 

       /* a close button that closes the tab and kills the request */ 
       $("#closeStats").on("click", function() { 
        stats.abort(); 
       }); 
      }, 
      complete: function() { 
       setTimeout(stats, 15000); 
      } 
     }); 
})(); 

Это прекрасно работает, и запрос повторяется каждые 15 секунд. Теперь я хочу убить запрос, когда я нажимаю определенную кнопку (как показано). Компилятор говорит, что параметр stats.abort() не является функцией и продолжает цикл.

Любые идеи?

Answer 1

Вы вызываете прерывание по функции. Функции не прерываются.

Вы хотите убить setTimeout. Поэтому вам нужно держать ссылку на таймер.

(function() { 
    var timer; 
    function foo() { 
     console.log(new Date()); 
     timer = window.setTimeout(foo,1000); //<-- store a reference to the timeout 
    } 

    function killTimer() { 
     if (timer) window.clearTimeout(timer); 
    } 

}()); 

Если вы хотите также прервать активный запрос Ajax, вам также необходимо указать ссылку на него.

xhr = $.ajax(...); 
... 
xhr.abort();