无限的Ajax jQuery错误，在窗口滚动时加载更多(重复数据)问题

function debounce(func, wait) {
    let timeout;
    return function(...args) {
        clearTimeout(timeout);
        timeout = setTimeout(() => func.apply(this, args), wait);
    };
}

$(window).scroll(debounce(function() {
    if ($(window).scrollTop() + $(window).height() >= $(document).height() - 100) {
        loadMoreData();
    }
}, 200));

let loadedIds = new Set();

function loadMoreData() {
    $.ajax({
        url: 'your-endpoint',
        method: 'GET',
        success: function(data) {
            data.forEach(item => {
                if (!loadedIds.has(item.id)) {
                    // 添加到页面并标记为已加载
                    $('#content').append(`<div>${item.content}</div>`);
                    loadedIds.add(item.id);
                }
            });
        },
        error: function(xhr, status, error) {
            console.error('Ajax请求失败:', error);
        }
    });
}

let isLoading = false;

function loadMoreData() {
    if (isLoading) return;
    isLoading = true;

    $.ajax({
        url: 'your-endpoint',
        method: 'GET',
        success: function(data) {
            // 处理数据...
            isLoading = false;
        },
        error: function(xhr, status, error) {
            console.error('Ajax请求失败:', error);
            isLoading = false;
        }
    });
}