Ajax: Abortar todos los Ajax activos

[schattenburg]

Hola a todos:

He desarrollado un proyecto y en uno de los apartados hace muchas llamadas Ajax y todo va perfecto. El problema es que una vez que he entrado en ese apartado y me voy a otro apartado (el cual no tiene ajax ni nada especial) tarda muchísimo en cargar esa otra página, por lo menos 10 segundos.

Viendo la consola veo que el problema podría ser que quedan pendiente muchas cosultas Ajax por lo que he creado una función que se llama siempre que se cambie de página:

function abortarAjax() {
jQuery.each(xhrPool, function(i){
xhrPool[i].abort();
});
}

Y efectivamente viendo la consola una vez que se cambia de página todas las peticiones de Ajax se abortan y se cancelan al momento, pero aún así sigue tardando unos 10 segundos al cargar la nueva página. Es como si aparte de abortar la petición hubiera que hacer algo más, como eliminarla o algo así para que desaparezca de la consola. He probado varias cosas pero nada hace que cargue más rápido.

¿Alguna idea? ¿Qué residuos pueden quedar para que vaya tan lento cuando cambias de página?

Muchas gracias por adelantado.

[osmaymoya]

Hola, una pregunta, Cuando cargas los otros apartados sin haber cargado antes el que tiene mucho Ajax se cargan rápido?

[schattenburg]

Sí, cuando cargo otra página que viene de una página normal (sin ajax) me carga rápido. Siempre tarda en cargar muchísimo cuando viene de una página que está ejecutando muchos ajax.

Debe haber alguna manera de "limpiar" toda la memoria de esa página anterior. He abortado los ajax pero algunos residuos quedarán porque tarda un montón en cargar la nueva página.

¿Alguien se le ocurre alguna manera de "limpiar" todos los residuos que quedan en una página antes de salir de ella?

Gracias

[schattenburg]

Refloto este tema para preguntar algo relacionado con él y que seguro que se podrá hacer.

¿Cómo puede hacer en un Ajax que si la petición no me da respuesta en 2000 milisegundos se aborte automáticamente?, es decir, tengo un código como este:


foreach ($arr as $clave=>$valor) { ?>
<script>
$.ajax({
// async: false,
type: "POST",
url: "obtenerDatosAPI.php",
dataType: "json",
data: {
"id_user": "<?=$valor["id_user"];?>"
},
success: function(data) {
}
});
</script>
<?php
} // foreach

Al ejecutarlo algunos datos me los devuelve sin problema en pocos milisegundos pero otros se "enquistan" y tardan mucho en devolverlo o directamente se quedan pendientes sin que ese ajax se acabe nunca. ¿Cómo puedo especificarle que si a los 2000 milisegundos no me ha devuelto nada ese Ajax se aborte automáticamente?

Estoy seguro de que se puede hacer de alguna manera, pero buscando en Google todavía no he encontrado ninguna solución.

Gracias.

[kip13]

Hola, puedes probar con uno de estos codigos:

Código Javascript:

var xhr;
    var fn = function(){
        if(xhr && xhr.readyState != 4){
            xhr.abort();
        }
        xhr = $.ajax({
            type: "POST",
            url: "obtenerDatosAPI.php",
            data: {"id_user": "<?=$valor["id_user"];?>"},
            success: function(data) {
                //do something
            }
        });
    };
 
    var interval = setInterval(fn, 200);
 

Código PHP:

$.ajax({
        type: "POST",
        url: "obtenerDatosAPI.php",
        data: {"id_user": "<?=$valor["id_user"];?>"},
        timeout:200,
        success: function(data) {
            //do something
        }
        error: function(x, t, m) {
            if(t==="timeout") {
                alert("got timeout");
            } else {
                alert(t);
            }
        } })​;
 

Avisanos si te sirvio

Saludos