Enquanto loop com jQuery as chamadas assíncronas de AJAX
A coisa: Eu tenho uma página, que tem que exibir um número indeterminado de imagens, carregado através de AJAX (usando codificação de base64 no lado do servidor), um por um.
var position = 'front';
while(GLOB_PROCEED_FETCH)
{
getImageRequest(position);
}
function getImageRequest(position)
{
GLOB_IMG_CURR++;
$.ajax({
url: urlAJAX + 'scan=' + position,
method: 'GET',
async: false,
success: function(data) {
if ((data.status == 'empty') || (GLOB_IMG_CURR > GLOB_IMG_MAX))
{
GLOB_PROCEED_FETCH = false;
return true;
}
else if (data.status == 'success')
{
renderImageData(data);
}
}
});
}
O problema é que as imagens (construídas com a função renderImageData ()) são anexadas (todas juntas) ao DIV apenas quando todas as imagens são buscadas. Quer dizer, não há nenhuma manipulação de DOM possível até que o loop acabe.
Eu preciso carregar e exibir imagens uma a uma por causa do possível número enorme de imagens, então não posso empilhá-las até que todas elas sejam buscadas.