Estoy escribiendo un sistema que debe actualizar dos divs, en lo posible, en tiempo real. La forma que encontré de hacerlo es la siguiente, mediante AJAX:
function actualizarDatos(){
$.ajax({
type: 'POST',
cache: false,
async:true,
url: 'lista_datos1.php',
success: function(respuesta) {
$('#ListaDatos1').html(respuesta);
}
});
$.ajax({
type: 'POST',
cache: false,
async:true,
url: 'lista_datos2.php',
success: function(respuesta) {
$('#ListaDatos2').html(respuesta);
}
});
}
setInterval( function(){
actualizarDatos();
},3000)//Actualizo cada 3 segundos
Ya he notado algunas inconsistencias al utilizarlo y esta aplicación web será ejecutada por varios usuarios simultáneos.
¿Es correcto lo que estoy haciendo? ¿Sugieren una mejor manera de hacerlo?
Agradezco sus comentarios, saludos!