不想要的ajax/jquery POST请求重复

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

const handleClick = debounce(() => {
    $.ajax({
        type: 'POST',
        url: '/your-endpoint',
        data: { key: 'value' },
        success: function(response) {
            console.log('Success:', response);
        },
        error: function(error) {
            console.error('Error:', error);
        }
    });
}, 300);

$('#your-button').click(handleClick);

function throttle(func, limit) {
    let inThrottle;
    return function(...args) {
        if (!inThrottle) {
            func.apply(this, args);
            inThrottle = true;
            setTimeout(() => inThrottle = false, limit);
        }
    };
}

const handleClick = throttle(() => {
    $.ajax({
        type: 'POST',
        url: '/your-endpoint',
        data: { key: 'value' },
        success: function(response) {
            console.log('Success:', response);
        },
        error: function(error) {
            console.error('Error:', error);
        }
    });
}, 300);

$('#your-button').click(handleClick);

$('#your-button').click(() => {
    const $button = $(this);
    $button.prop('disabled', true);

    $.ajax({
        type: 'POST',
        url: '/your-endpoint',
        data: { key: 'value' },
        success: function(response) {
            console.log('Success:', response);
        },
        error: function(error) {
            console.error('Error:', error);
        },
        complete: function() {
            $button.prop('disabled', false);
        }
    });
});