Duda sobre ajax

[aguilaPHP]

Hola, buen dia, tengo un problemilla y espero que me puedan orientar.
Resulta que estoy haciendo un proyecto para la coordinacion de mi escuela y necesito mostrar en pantallas de tv la lista de asistencia de los profesores cada que hay una clase nueva.
Como quieren que sea web el sistema, tengo ya las paginas, las consultas y resultados no son problema ya funcionan, entonces mi problema es como hacer para que se muestren los resultados por partes, es decir, si a una hora hay mas de 200 clases nuevas necesito mostrar digamos 25 resultados y pasado cierto tiempo mostrar los siguientes 25 resultados, algo similar a como se muestran los vuelos en un aeropuerto. Por hay alguien me dijo que con ajax y jquery podria solucionarlo pero la verdad no se como y en cierto modo me urge.
De antemano gracias y saludos

OjO: no pido que me lo hagan, solo un empujon sobre que buscar, alguna palabra clave o un ejemplo.

[alejandromg]

Hay muchos formas de solucionarlos, una lógica y sencilla seria usar SetInterval para que cada cierto tiempo cambie lo que se esta mostrando, el uso de Ajax puede no ser necesario, ya que cuando la página cargue todas las clases pueden ser guardadas en formato JSON o como tu lo quieras, si usas JSON un modelo podria ser así:

Código Javascript:

[
 {
  "clase":"Quimica",
  "maestro": "aguilaPHP",
  "aula":"07/101",
  ...
 },
 {
  "clase":"Matématicas",
  "maestro": "aguilaPHP",
  "aula":"08/101",
  ...
 }
 ...
]
 

Si te fijas es un Array, por lo tanto puedes crear una función que tome un rango de 10 clases cada 10 seg.

Código Javascript:

window.current = 0; // Para definir el rango.
function cambiarScreen(){
  //suponiendo que el JSON de arriba se llama clases
  if (current > clases.length) {
    current = 0; // reset el contador
  }
  var toShow = clases.slice(current, current+10);
  current += 10; // Actualizar el siguiente grupo de clases
  toShow.forEach(function(clase){
   // Renderizar en una template como mustache, jQuery tmpl u otra
  }); 
}
 
setInterval(function(){
  cambiarScreen();
}, 10000); // cada 10 segundos
 

Si quieres más información de como Slice funciona mira:
https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/slice

[IsaBelM]

yo en lugar de usar slice(), usaría splice(). de este modo se van eliminando los elementos del objeto y nos evitamos reasignar la variable "current"

por otro lado el uso de forEach() tiene sus inconvenientes

[alejandromg]

@IsaBelM Interesante, respecto al slice lo sugeri por el hecho de que, supongamos, este repitiendose una y otra vez hasta que llegue el próximo cambio de hora, donde se supone el JSON con las clases seria actualizado o refrescado...

Umm! si con el forEach tienes tu punto, en todo caso usa un while y listo, el código quedaria:

Código Javascript:

window.current = 0; // Para definir el rango.
function cambiarScreen(){
  //suponiendo que el JSON de arriba se llama clases
  if (current > clases.length) {
    current = 0; // reset el contador
  }
  var toShow = clases.slice(current, current+10); // o splice según sea el caso
  current += 10; // Actualizar el siguiente grupo de clases
  var  j = toShow.length;
  while (j--){
    // Acceder a cada miembro mediante clases[j]
  }
}
 
setInterval(function(){
  cambiarScreen();
}, 10000); // cada 10 segundos
 

[aguilaPHP]

Muchisimas gracias alejandromg e isabelm, me han ayudado a solucionar mi problema, hare unas pruebas esta semana y cuando lo termine les platico como quedo. Saludos.