Ajax Heartbeat using setInterval, Preventing multiple calls at the same time

ajax, delayed-execution, heartbeat, jquery

Solution

try setting another timeout from your ajax success function:

function poll() {
    setTimeout( function() {
        $.ajax(.......).success( function(data) {
            poll();  //call your function again after successfully calling the first time.
        });
    }, 10000);
}

Problem

I wish to make an AJAX call using jQuery as a "heartbeat" in the background so that my web application can check for new data. For example every 10 seconds. I have seen on other posts that it is possible to use `setInterval()` to call a method which does the call every X number of milliseconds. However, what happens if my AJAX call takes more than 10 seconds? I still want it to complete the last request and I don't want another call to be instigated when there is already one in progress. This could result in the same information being placed on to the page twice! What is the way to implement this for my method to wait for the original AJAX call to be completed, rather than simply "every 10 seconds", when the original one may not already be complete.

Original source