避免重复提交：优化AJAX POST请求的策略

// 核心提交函数
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 submitButton = document.getElementById('submit');

    // 禁用提交按钮，防止重复点击
    submitButton.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 = "";
        submitButton.disabled = false; // 请求完成后启用按钮
        console.log('ajax callback fired.' + data);
    });
}

// 绑定到键盘Enter键的函数
function submitLogByEntering(){
    let logInput = document.getElementById('logContent');
    logInput.addEventListener("keyup", function(event) {
        // 键盘码13是Enter键
        if (event.keyCode === 13) {
            event.preventDefault(); // 阻止默认行为
            submitLog(); // 调用提交函数
        }
    });
}

// 假设在页面加载时调用 submitLogByEntering() 来绑定事件
// submitLogByEntering();

// 定义一个全局或在适当作用域内的标志变量，初始为true表示可以提交
let canSubmit = true; 

function submitLog() {
    // 检查是否允许提交
    if (canSubmit) {
        // 立即将标志设置为false，防止重复触发
        canSubmit = 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 submitButton = document.getElementById('submit');

        submitButton.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 = "";
            submitButton.disabled = false; // 重新启用按钮
            console.log('ajax callback fired.' + data);

            // 在AJAX请求完成后，重置标志为true，允许下次提交
            canSubmit = true; 
        }).fail(function() {
            // 如果请求失败，也需要重置标志和按钮状态
            console.error('AJAX request failed.');
            submitButton.disabled = false;
            canSubmit = true;
        });
    } else {
        console.log('AJAX request is already in progress. Ignoring duplicate trigger.');
    }
}

// submitLogByEntering 函数保持不变，它会调用submitLog
function submitLogByEntering(){
    let logInput = document.getElementById('logContent');
    logInput.addEventListener("keyup", function(event) {
        if (event.keyCode === 13) {
            event.preventDefault();
            submitLog(); 
        }
    });
}

// 延迟重置标志的示例
let canSubmitWithDelay = true;

function submitLogWithDebounce() {
    if (canSubmitWithDelay) {
        canSubmitWithDelay = false; // 立即锁定

        // ... (AJAX请求代码，与上面相同) ...

        $.post('./includes/logger/scripts/add_log.php', {
            // ... 参数 ...
        }, function (data, status) {
            // ... 成功处理 ...
            console.log('ajax callback fired.' + data);

            // 延迟5秒后重置标志
            setTimeout(function () {
                canSubmitWithDelay = true;
            }, 5000); 
        }).fail(function() {
            console.error('AJAX request failed.');
            // 失败也延迟重置
            setTimeout(function () {
                canSubmitWithDelay = true;
            }, 5000);
        });
    } else {
        console.log('AJAX request is already in progress or recently completed. Please wait.');
    }
}