Java 大量資料頁面載入優化：AJAX 瀑布流分頁載入

方案

採用無限滾動（瀑布流）：首次載入首頁資料，使用者滾動到底部時觸發 AJAX 請求下一頁，追加 DOM。

關鍵實現

// 前端 jQuery 範例
let page = 1, loading = false;
$(window).scroll(() => {
    if (loading) return;
    if ($(window).scrollTop() + $(window).height() > $(document).height() - 200) {
        loading = true;
        $.get('/api/data?page=' + ++page, html => {
            $('#list').append(html);
            loading = false;
        });
    }
});

後端提供分頁 API（LIMIT offset, size），配合快取（Redis）加速熱點查詢。