Постепенная подргузка XML через javascript, как?

Question

[Семён Андропов]

Добрый день!
Есть xml файл 30000 позиций () с свойствами. При помощи Javascript часть файла(пробные 100 строк) подгружается в div элемент. Как подгружать весь файл(300000 позиций) динамически в окно браузера, по мере прокрутки(скролинга) div элемента?
Пример xml файла

<?xml version="1.0" encoding="UTF-8"?>
<catalogProduct>
<product>
<cod>55555</cod>
<gost>4444444</gost>
<name>Амортизатор задний</name>
<price>50</price>
<existence>+</existence>
<minparty>1</minparty>
<groupproduct>43</groupproduct>
<ie>шт</ie><manufacturer>Jappa</manufacturer>
</product>
<product>
............................
</product>
</catalogProduct>

Сейчас это делаю так

function viewXmlCat() {

    console.log('XML');

        $.ajax({
            type: "GET",
            url: "upfile/catalog.xml",
            dataType: "xml",
            error: function () {
                console.log("В запросе произошла ошибка ");
            },
            success: function (result) {
                console.log("Функция success выполенна");
                $('#load').fadeOut();
                $(result).find("product").each(function () {
                    console.log('Поиск элементов в XML');
                    $(".viewtable").append(
                            '<tr class="linetable">' + '<th class="tcod">' + $(this).find("cod").text() + '</th>' + '<th class="tgost">' + $(this).find("gost").text() + '</th>' + '<th class="tname">' + $(this).find("name").text() + '</th>' + '<th class="tprice">' + $(this).find("price").text() + '</th>' + '<th class="texistence">' + $(this).find("existence").text() + '</th>' + '<th class="tminparty">' + $(this).find("minparty").text() + '</th>' + '<th class="tgroupproduct">' + $(this).find("groupproduct").text() + '</th>' + '<th class="tie">' + $(this).find("ie").text() + '</th>' + '<th class="tmanufacturer">' + $(this).find("manufacturer").text() + '</th>' + '</tr>');
                    


                });

            }
        });

}

Answer 1

[sh84]

byte-range запросами, range - это обычный http заголовок.