Töte eine sich wiederholende AJAX-Request

Question

ich eine AJAX-Anforderung haben, die wie folgt aussieht:

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

Dies funktioniert gut und die Anforderung wiederholt sich alle 15 Sekunden. Jetzt möchte ich die Anfrage beenden, wenn ich auf eine bestimmte Schaltfläche klicke (wie abgebildet). Der Compiler sagt, dass das Fragment stats.abort() keine Funktion ist und die Schleife fortsetzt.

Irgendwelche Ideen?

Answer 1

Sie rufen Abbruch einer Funktion auf. Funktionen müssen nicht abgebrochen werden.

Sie möchten das setTimeout beenden. Sie müssen also einen Verweis auf den Timer halten.

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

}()); 

Wenn Sie auch eine aktive Ajax-Anfrage abbrechen möchten, müssen Sie auch einen Verweis darauf halten.

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