Цикл while с асинхронными вызовами JJuery AJAX
Дело в том, что у меня есть страница, на которой должно отображаться неопределенное количество изображений, загружаемых через AJAX (используя кодировку base64 на стороне сервера) по одному.
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);
}
}
});
}
Проблема в том, что изображения (созданные с помощью функции renderImageData ()) добавляются (все вместе) к определенному DIV только тогда, когда все изображения извлекаются. Я имею в виду, что никакие манипуляции с DOM невозможны, пока цикл не закончится.
Мне нужно загружать и отображать изображения одно за другим из-за возможного огромного количества изображений, поэтому я не могу сложить их, пока они все не будут получены.