防止JavaScript事件监听器导致的AJAX重复提交

function submitLog(){
    let log = document.getElementById('logContent').value;
    let project = document.getElementById('logger_active_project').innerHTML;
    let category = document.getElementById('categorySelect').value;
    let projectID = document.getElementById('logger_active_project_id').value;
    let submit = document.getElementById('submit');
    submit.disabled = true; // 禁用按钮防止重复点击，但无法阻止事件重复触发

    console.log('starting ajax post request');

    $.post('./includes/logger/scripts/add_log.php', {
        log:log,
        project:project,
        category:category,
        project_id:projectID
    }, function(data, status){
        document.getElementById('logContent').value= "";
        submit.disabled = false; // 请求完成后启用按钮
        console.log('ajax callback fired.' + data);
    });
}

function submitLogByEntering(){
    let log = document.getElementById('logContent');
    log.addEventListener("keyup", function(event) {
        if (event.keyCode === 13) { // 监听Enter键
            event.preventDefault();
            submitLog(); // 调用提交函数
        }
    });
}

var canSubmit = true; // 定义一个全局或作用域内的标志变量，初始允许提交

function submitLog() {
    if (canSubmit) { // 只有当canSubmit为true时才允许执行提交逻辑
        canSubmit = false; // 立即将标志设置为false，阻止后续重复调用

        let log = document.getElementById('logContent').value;
        let project = document.getElementById('logger_active_project').innerHTML;
        let category = document.getElementById('categorySelect').value;
        let projectID = document.getElementById('logger_active_project_id').value;
        let submit = document.getElementById('submit');
        submit.disabled = true; // 禁用提交按钮

        console.log('starting ajax post request');

        $.post('./includes/logger/scripts/add_log.php', {
            log: log,
            project: project,
            category: category,
            project_id: projectID
        }, function (data, status) {
            // 请求成功或失败的回调函数
            document.getElementById('logContent').value = "";
            submit.disabled = false; // 启用提交按钮
            console.log('ajax callback fired.' + data);

            // 选项1: 在AJAX请求完成后立即重置标志
            // canSubmit = true; 
            // 这种方式确保只有在前一个请求完全处理后才允许新的请求
        });

        // 选项2: 使用定时器在一段时间后重置标志
        // 这种方式可以防止在网络延迟较高时用户过快地再次尝试提交
        // 即使AJAX请求尚未完成，只要过了设定的冷却时间，就可以再次提交
        setTimeout(function () {
            canSubmit = true;
            console.log('canSubmit flag reset to true.');
        }, 5000); // 5秒后重置标志，可根据实际需求调整
    } else {
        console.log('Submission is currently in progress or on cooldown. Please wait.');
    }
}