js 上拉加载更多

let isLoading = false;
let page = 1;
const limit = 10;

window.addEventListener('scroll', () => {
    if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 500 && !isLoading) {
        loadMoreData();
    }
});

function loadMoreData() {
    isLoading = true;
    // 显示加载指示器
    showLoadingIndicator();

    // 模拟数据请求
    setTimeout(() => {
        fetch(`/api/data?page=${page}&limit=${limit}`)
            .then(response => response.json())
            .then(data => {
                // 处理数据并添加到页面
                appendDataToPage(data);
                page++;
                isLoading = false;
                // 隐藏加载指示器
                hideLoadingIndicator();
            })
            .catch(error => {
                console.error('Error loading more data:', error);
                isLoading = false;
                hideLoadingIndicator();
            });
    }, 1000);
}

function showLoadingIndicator() {
    // 显示加载指示器的代码
}

function hideLoadingIndicator() {
    // 隐藏加载指示器的代码
}

function appendDataToPage(data) {
    // 将数据添加到页面的代码
}