Uso de setInterval() para realizar un sondeo continuo simplista

Question

Para una aplicación web simple que necesita actualizar partes de los datos presentados al usuario en intervalos establecidos, ¿hay algún inconveniente al usar setInterval() para obtener un json de un punto final en lugar de utilizando un marco de votación adecuado?

Por el bien del ejemplo, digamos que estoy actualizando el estado de un trabajo de procesamiento cada 5 segundos.

Answer 1

Desde mi comentario:

me gustaría utilizar setTimeout^[docs] y siempre llamarlo cuando se recibió la respuesta anterior. De esta forma evitará la posible congestión o el apilamiento de funciones o lo que sea que quiera llamar, en caso de que una solicitud/respuesta tome más tiempo que su intervalo.

Así que algo como esto:

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

Sé que esto es una vieja pregunta, pero tropezó con ella, y en la forma Stackoverflow de hacer las cosas que pensé que podría mejorarlo. Es posible que desee considerar una solución similar a what's described here que se conoce como larga encuesta. O otra solución es WebSockets (una de las mejores implementaciones de websockets con el objetivo principal de trabajar en todos los navegadores) socket.io.

La primera solución se resume básicamente como enviar una sola solicitud AJAX y esperar una respuesta antes de enviar una adicional, luego una vez que se haya entregado la respuesta, ponga en cola la siguiente consulta.

Mientras tanto, en el back-end no devuelve una respuesta hasta que el estado cambie. Entonces, en su escenario, utilizaría un ciclo while que continuaría hasta que el estado cambiara, luego devolvería el estado modificado a la página. Realmente me gusta esta solución. Como indica la respuesta vinculada anteriormente, esto es lo que Facebook hace (o al menos lo ha hecho en el pasado).

socket.io es básicamente la jQuery de Websockets, por lo que cualquiera que sea el navegador en el que se encuentren los usuarios puede establecer una conexión de socket que pueda enviar datos a la página (sin polling). Esto está más cerca de las notificaciones instantáneas de Blackberry, que, si va por un instante, es la mejor solución.

Answer 3

Puede hacer lo mismo que esto:

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

una función de consulta sencilla de no bloqueo puede ser implementado en los navegadores recientes usando promesas:

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)