Tengo un pequeño problema.
Tengo una página con distintas capas que cargan distintas páginas a la vez y necesito que se haga el refresco de estas capas cada segundo.
Lo Hago con setInterval a 1 segundo y la función .load de jQuery, el tema es que funciona, pero poco a poco esto se va comiendo la memoria hasta que se cuelga el navegador.
Actualmente mi código es:
Código:
Y configuro ajax para que no guarde la cache del navegador, mire si es necesario actualizar si es que la página se ha modificado he puesto un timeout para evitar que queden peticiones en espera mucho tiempo y controlar también la ejecución de ajax con el global.$.ajaxSetup ({ // Disable caching of AJAX responses cache: false, ifModified : true, timeout: 2000, global: false }); var auto_refresh = setInterval( function () { $('#ID_DIV').load('NOMBRE_PAGINA.php').fadeIn("slow"); }, 1000); // refresh every 1000 milliseconds
También he probado con el script lo que pasa que hay peticiones que no se realizán porque se me carga la CPU y tarad más de los 2 segundos de timeout
Código:
Como lo veis? $.ajaxSetup ({ // Disable caching of AJAX responses cache: false, ifModified : true, timeout: 2000, global: false }); $(document).ready(function(){ var j = jQuery.noConflict(); j(document).ready(function() { j("#ID_DIV'").everyTime(1000,function(i){ j.ajax({ url: "NOMBRE_PAGINA.php", success: function(html){ j("#ID_DIV'").html(html); } }) }) }); });