jQuery sondaggio ajax ricorsivo utilizzando setTimeout per controllare l'intervallo di polling

Question

$(document).ready(function() { 
    (function poll() { 
     setTimeout(function() { 
      $.ajax({ 
       url: "/project1/api/getAllUsers", 
       type: "GET", 
       success: function(data) { 
        console.log("polling"); 
       }, 
       dataType: "json", 
       complete: poll, 
       timeout: 5000 
      }), 5000 
     }); 
    })(); 
});​ 

Questo continua a essere eseguito alla stessa velocità con cui il server può rispondere, ma speravo che potesse eseguire il polling solo ogni 5 secondi. Eventuali suggerimenti?

MODIFICA: Vorrei aggiungere, 5 secondi dopo che la richiesta è stata completata sarebbe preferibile.

Answer 1

Sembra che sei riuscito a ottenere il vostro setTimeout ritardo argomentazione scritta nel posto sbagliato.

$(document).ready(function() { 
    (function poll() { 
    setTimeout(function() { 
     $.ajax({ 
      url: "/project1/api/getAllUsers", 
      type: "GET", 
      success: function(data) { 
       console.log("polling"); 
      }, 
      dataType: "json", 
      complete: poll, 
      timeout: 5000 
     }) //, 5000 <-- oops. 
    }, 5000); // <-- should be here instead 
    })(); 
});​ 

Se si seguono le parentesi graffe, vedrai che si sta chiamando setTimeout come:

setTimeout(function() { 
    $.ajax(), 5000 
}) 

e dovrebbe essere

setTimeout(function() { 
    $.ajax(); 
}, 5000) 

Questo dovrebbe chiamare i AJAX sondaggio 5 secondi dopo che il precedente è stato completato.

Answer 2

Se deve eseguire il polling ogni 5 secondi e non necessariamente 5 secondi dopo aver completato l'ultima richiesta, è possibile utilizzare setInterval. Non so se sia accettabile, ma renderebbe la ricorsione inutile.

function poll() { 

      $.ajax({ 
       url: "/project1/api/getAllUsers", 
       type: "GET", 
       success: function(data) { 
        console.log("polling"); 
       }, 
       dataType: "json" 
     }); 
    } 

setInterval(poll, 5000); 

Answer 3

In caso si volesse utilizzare la sintassi di promessa di jQuery, piuttosto che la sintassi di callback, ecco un altro modo ordinato.

function poll() { 
    $.get('http://your-api-endpoint.com') 
    .done(function() { 
     // 200 - OK response 
    }) 
    .fail(function() { 
     // Error Response 
    }) 
    .always(function() { 
     setTimeout(function() { 
      poll(); 
     }, 5000); 
    }); 
} 

poll();