[SOLUCIONADO] Ajax anidado en ciclo for

[Yamilskate]

Al utilizar el siguiente código en el que tenemos una función ajax dentro de un ciclo for siempre se ejecuta la función ajax con la ultima variable del ciclo for (En este ejemplo con "cocina") Alguna idea?

Código:

var images = new Array("fachada","entorno","sala","recamara","bano","cocina");
	for(x in images){
		$.ajax({
			url:"fotografias/"+$('#cve_avaluo').val()+"/"+images[x]+".jpg",
			type:'HEAD',
			success:
				function(){
					$('.tdImagen').eq(x).html("<img src='fotografias/"+$('#cve_avaluo').val()+"/"+images[x]+".jpg' width='100%' height='100%'>");
				}
			});
		}

[maycolalvarez]

use images[x], el comportamiento de for en javascript es completamente diferente al de otros lenguajes.

además ¿es realmente necesario enviar tantas peticiones, no lo puede compactar en 1?

[Dnielf]

Eso es un problema de ámbito de variables, en JavaScript solo las funciones crean ámbitos, además la petición por ajax termina mucho más lento que el ciclo for, con lo que x en el callback será el último del ciclo.

Solución :

Código Javascript:

var images = new Array("fachada","entorno","sala","recamara","bano","cocina");
    for(x in images){
        (function(y){
                 $.ajax({
            url:"fotografias/"+$('#cve_avaluo').val()+"/"+images[y]+".jpg",
            type:'HEAD',
            success:
                function(){
                    $('.tdImagen').eq(y).html("<img src='fotografias/"+$('#cve_avaluo').val()+"/"+images[y]+".jpg' width='100%' height='100%'>");
                }
            });
        }(x));
           }