Запрос HEAD, по-видимому, предназначен для передачи ресурса, а не только заголовков

Похоже, что запросы HEAD, которые я отправляю с помощью метода $.ajax({...}); jQuery, возвращают содержимое данного ресурса (по крайней мере, в Firefox... IE работает нормально), а не только заголовки. Я пытаюсь захватить только свойство заголовка Content-Length для использования в предварительном загрузчике изображений, хотя кажется, что, просто запрашивая Content-Length, он загружает сам контент.

Порядок работы здесь таков:

• Найдите все элементы на данной странице с помощью CSS background-image и заполните массив (imageTemp) URL-адресами.
• For each image URL, perform an Ajax HEAD request, to obtain the Content-Length and add that to bytesTotal as well as populate the array (imageData) with both the URL and that image's Content-Length.
  • Simultaneously, start a setInterval event handler to periodically check whether or not all of the Ajax HEAD requests have completed.
• Когда запросы HEAD будут выполнены, начните загружать изображения в объекты Image() из imageData, добавляя связанное значение изображения Content-Length к значению bytesLoaded.\
• Когда bytesLoaded == bytesTotal изображений будут загружены, и предварительный загрузчик завершится.

Вот мой скрипт на данный момент:

(function($){

    var callbacks = {
        initiate: function(){},
        progress: function(percent){},
        complete: function(){},
    };

    var imageTemp = Array();
    var imageData = Array();
    var imageCurrent = null;
    var intervalId = 0;
    var bytesLoaded = 0;
    var bytesTotal = 0;

    $.preloader = function(arguments){

        for(var arg in arguments){
            callbacks[arg] = arguments[arg];
        }

        callbacks.initiate();
        $('*')
            .each(function(index){
                if($(this).css('background-image') != 'none'){
                    imageTemp.push($(this).css('background-image').slice(5, -2));
                }
            });

        intervalId = window.setInterval(function(e){

            if(imageData.length == imageTemp.length){
                window.clearInterval(intervalId);

                for(var i = 0; i < imageData.length; i++){

                    (function(imageIndex){
                        currentImage = new Image();
                        currentImage.src = imageData[imageIndex][0];
                        currentImage.onload = function(e){
                            bytesLoaded += parseInt(imageData[imageIndex][1]);
                            callbacks.progress(bytesLoaded/bytesTotal);
                            if(bytesLoaded >= bytesTotal){
                                callbacks.complete();
                            }
                        };
                    })(i);

                }

            }

        }, 1);

        for(var i = 0; i < imageTemp.length; i++){
            (function(i){
                $.ajax({
                    type: "HEAD",
                    async: true,
                    url: imageTemp[i],
                    success: function(message, text, response){
                        var bytes = parseInt(response.getResponseHeader('Content-Length'));
                        bytesTotal += bytes;
                        imageData.push([imageTemp[i], bytes]);
                    },
                });
            })(i);
        }

    };

})(jQuery);

Это напрямую связано с моим вопросом в запросе Ajax HEAD через Javascript/jQuery , но это точно не дубликат, так как вопрос расширился от ранее решенного вопроса.