Uso di setInterval() per eseguire il polling continuo semplicistico

Question

Per una semplice webapp che deve aggiornare parti dei dati presentate all'utente in intervalli prestabiliti, ci sono dei lati negativi semplicemente usando setInterval() per ottenere un json da un endpoint invece di utilizzando un quadro di sondaggio adeguato?

Per l'esempio, diciamo che sto aggiornando lo stato di un processo di elaborazione ogni 5 secondi.

Answer 1

Dal mio commento:

userei setTimeout^[docs] e sempre chiamarlo quando è stata ricevuta la risposta precedente. In tal modo si evita la congestione o l'impilamento delle funzioni o qualsiasi altra cosa si voglia chiamare, nel caso in cui una richiesta/risposta richieda più tempo dell'intervallo.

Quindi qualcosa di simile:

function refresh() { 
    // make Ajax call here, inside the callback call: 
    setTimeout(refresh, 5000); 
    // ... 
} 

// initial call, or just call refresh directly 
setTimeout(refresh, 5000); 

Answer 2

So che questa è una vecchia questione, ma ci siamo imbattuti su di esso, e nel modo di fare le cose StackOverflow ho pensato che avrei potuto migliorarlo. Potresti prendere in considerazione una soluzione simile a what's described here che è nota come polling lungo. O un'altra soluzione è WebSockets (una delle migliori implementazioni di websocket con l'obiettivo primario di lavorare su tutti i browser) socket.io.

La prima soluzione viene sostanzialmente riepilogata quando si invia una singola richiesta AJAX e si attende una risposta prima di inviarne un'altra, quindi una volta inviata la risposta, accodare la query successiva.

Nel frattempo, sul backend non si restituisce una risposta finché lo stato non cambia. Quindi, nel tuo scenario, dovresti utilizzare un ciclo while che continuerà fino a quando lo stato non cambierà, quindi restituirai lo stato modificato alla pagina. Mi piace davvero questa soluzione. Come indica la risposta sopra riportata, questo è ciò che Facebook fa (o almeno ha fatto in passato).

socket.io è fondamentalmente il jQuery di Websockets, in modo tale che qualsiasi browser in cui si trovano gli utenti sia in grado di stabilire una connessione socket in grado di inviare dati alla pagina (senza eseguire il polling). Questo è più vicino alle notifiche istantanee di Blackberry, che - se stai per un istante, è la soluzione migliore.

Answer 3

Si può fare proprio come questo:

var i = 0, loop_length = 50, loop_speed = 100; 

function loop(){ 
    i+= 1; 
    /* Here is your code. Balabala...*/ 
    if (i===loop_length) clearInterval(handler); 
} 

var handler = setInterval(loop, loop_speed); 

Answer 4

Un semplice non bloccante-funzione di sondaggio può essere implementato in recenti browser utilizzando promesse:

var sleep = time => new Promise(resolve => setTimeout(resolve, time)) 
var poll = (promiseFn, time) => promiseFn().then(
      sleep(time).then(() => poll(promiseFn, time))) 

// Greet the World every second 
poll(() => new Promise(() => console.log('Hello World!')), 1000)