Кажется, у меня возникают проблемы с созданием запросов HEAD
и сохранением целостности данных в массиве.
Учитывая этот фрагмент:
var imageTemp = Array();
$('*')
.each(function(index){
if($(this).css('background-image') != 'none'){
imageTemp.push($(this).css('background-image').slice(5, -2));
}
});
Я фиксирую URL всех фоновых изображений на данной странице. Теперь, пытаясь захватить размер каждого изображения с помощью HEAD
запросов для Content-Length
, я использую этот фрагмент:
var imageData = Array();
for(var i = 0; i < imageTemp.length; i++){
ajaxSizeRequest = $.ajax({
type: "HEAD",
async: true,
url: imageTemp[i],
success: function(message){
imageData.push([imageTemp[i], ajaxSizeRequest.getResponseHeader('Content-Length')]);
}
});
}
Однако, когда я dump imageData
через console.log
, каждый элемент (который должен быть массивом, содержащим URL-адрес и длину содержимого) заканчивается как [undefined, XXXX]
, где XXXX
всегда равен размеру последний запрос Content-Length
Я в тупике, хотя, похоже, проблема с хронометражем/неопределенностью. Есть ли у меня какое-то состояние гонки?