Como detener o cancelar proceso ajax en plena ejecucion?

[minombreesmm]

tengo una galeria de fotos, las fotos cuando carga la pagina todas almaceno en un arreglo la ruta tomada de la base de datos..
osea que nomas con presionar los botones atras adelante la recorro a excepcion de los comentarios de las fotos que vuelvo a cargar de la base de datos a ver si hay nuevos.

Código Javascript:

$('#back').click(function(){
i--;
     var foto=fotos[i];
     var idcomentario=comentarios[i];
    
     document.getElementById('imgcompleta').src = foto;//cada que recorro
muestro en grande la foto
 
    Vercomentarios('POST',idcomentario,<? echo $id; ?>);//muestro los comentarios de la foto
 
}
 

el problema es que como es una galeria de foto doy la facilidad al usuario de clickearle a la foto directamente y esto hace que la foto se muestre en grande y ademas sus comentarios(en este caso vuelvo a extraer todo comentarios, fotos de la base de datos, y vuelvo a llenar el arreglo, hasta alli todo bien.


el problema surge que cuando doy siguiente o atras, como el caso que pongo.. si hay muchos comentarios o un comentario muy largo en la foto, entonces demoran en cargar unos 5 segundos, si son unos 200 lineas por alli por ejemplo.

entonces si doy atras carga la foto rapido, pues esta en el arreglo, pero los comentarios,(muestro un gif de cargando, mientras se carga) duran 6 segundos, lapso suficiente para que el usuario decida ver otra foto.
hace click directo a una foto de la galeria y se muestra imediatamente, pero ojo, todavia esta cargadno los otros comentarios(lo ideal seria que dejara de cargarlos eh hiciera la otra peticion para la foto clicqueada, cosa que hace normalmente cuando no se estan cargando comentarios), apenas va en el segundo 3 y el usuario ya tiene en pantalla la otra foto, entonces lo que ocurre es que cuando ya termina de cargar el comentario en el div, entonces ya no pertenecen a esa foto nueva que dio clic el usuario..

por eso se me hace la mejor forma, cancelar el proceso ajax que se esta ejecutando si es que el usuario selecciono ya otra foto. como hacer eso?

en java eran hilos y solo ponia.

Código java:

Thread.stop();
 

pero esto es javascript XD
de antemano gracias

[Sirikon]

A la hora de invocar una función de una llamada AJAX, tienes que ponerla en una variable.

Al ver:

Código Javascript:

$('#back').click(function(){...
 

Imagino que estás usando jQuery, así que cuando llames a la función ajax (ya sea $.ajax, $.get, $.post, etc) mételo en una variable, de forma que sea parecido a ésto:

Código Javascript:

var llamada = $.ajax({
  url:'http://webguaydeejemplo.net/'
})
 

de forma que si quieres pararlo, será:

Código Javascript:

llamada.abort()
 

Saludos!

[minombreesmm]

Iniciado por Sirikon

A la hora de invocar una función de una llamada AJAX, tienes que ponerla en una variable.

Al ver:

Código Javascript:

$('#back').click(function(){...
 

Imagino que estás usando jQuery, así que cuando llames a la función ajax (ya sea $.ajax, $.get, $.post, etc) mételo en una variable, de forma que sea parecido a ésto:

Código Javascript:

var llamada = $.ajax({
  url:'http://webguaydeejemplo.net/'
})
 

de forma que si quieres pararlo, será:

Código Javascript:

llamada.abort()
 

Saludos!

muchisimas gracias me sirvio mucho...
antes era una galeria superlenta. duraba como 5 a 6 segundos en cargar la pagina cuando daba siguiente..
y ahora solo dura como 0.20 segundos en cargar la foto y 1 a 5 segundos en cargar el coment. pues tomando en cuenta que son unas 200 lineas de coment, pues esta bien :D
ya nomas me falta mostrar la fotos en miniaturas en vez de la original XD y aun mas rapido sera :D

[Sirikon]

Me alegro mucho de que te funcionara ^^

Saludos!

[minombreesmm]

Iniciado por Sirikon

Me alegro mucho de que te funcionara ^^

Saludos!

gracias
pero el internet explorer me dio lata siempre..

Código Javascript:

if(oAjaxc.readyState== 4 && oAjaxc.readyState != null){
                respuesta=oAjaxc.responseText;
 

y no manches le puse try catch a eso y me mando muchas excepciones el internet explorer, de funciones no definidas oO.. como esta eso, si en los demas navegadores funciona bien todo oO

me dice que no se pudo completar la operacion, en donde dice responseText(obvio por que la aborte ) pero al internet explorer como que no le gusta eso oO

como podría solucionar eso.. cielos!

a caso tendria que poner un trycath? que alcabo solo abortare que da lo mismo oO.. o no?

[Sirikon]

A ver si alguien más te puede ayudar porque yo por lo menos tengo fobia a IE vaya xD, es horrible nada funciona como debería, en fin mucha suerte!

Saludos!

[minombreesmm]

Iniciado por Sirikon

A ver si alguien más te puede ayudar porque yo por lo menos tengo fobia a IE vaya xD, es horrible nada funciona como debería, en fin mucha suerte!

Saludos!

voy a probar, para mi que lee el php sin antes leer las funciones javascripts declaradas declaradas..

aunque el problema alli parece ser que no permite que abortes, si permite pero no lo toma como algo normal oO

me dice que el arreglo javascript que uso en el bucle php no esta definido oO..
pero si esta definido, sospecho que es por que el navegador internet explorer lee primero ´php y luego javascript..
ya habia resolvido mas problemas , pero lo que no me gusta es que eso solo ocurre en internet explorer :S..
lo peor es que la gente comun ese usa :S
puedo poner en mi web la descarga de google chrome?
supongo que google no tendra inconveniente no?

[NSD]

A ver si alguien más te puede ayudar porque yo por lo menos tengo fobia a IE vaya xD, es horrible nada funciona como debería, en fin mucha suerte!

Saludos!

Te acompaño en sentimiento. Microsoft deberia dejar el orgullo e incluir mozilla (que tampoco me agrada mucho pero no es tan malo) en sus verciones de windows en lugar del ie, a veces pienso que seria de la web sin IE y creo que seria mucho mejor que la actual.

opiniones de lado.

agrega una nueva variable al if:

Código Javascript:

if((oAjaxc.readyState== 4) && (oAjaxc.readyState != null) && (aborto)){
                respuesta=oAjaxc.responseText;
 

la variable aborto esta false al prinncipio (debes definirla asi) y luego de usar .abort() debes ´ponerla en true.
creo que eso funcionaria prueba y nos dises