PHP 흔들림 방지 기술: 반복 제출을 효과적으로 방지합니다.

// 防抖函数
function debounce($fn, $delay) {
    $timer = null;
    return function () use ($fn, $delay, &$timer) {
        if ($timer !== null) {
            clearTimeout($timer);
        }
        $timer = setTimeout($fn, $delay);
    };
}

// 表单提交处理函数
function handleSubmit() {
    // 处理表单提交逻辑
    // ...

    // 完成提交后，重新启用提交按钮
    echo "<script>document.getElementById('submitBtn').removeAttribute('disabled');</script>";
}

// 处理表单提交的函数
$debouncedHandleSubmit = debounce('handleSubmit', 3000);

// 表单的HTML代码
echo '<form action="process.php" method="POST">';
echo '   <input type="text" name="username" placeholder="请输入用户名" required>';
echo '   <input type="password" name="password" placeholder="请输入密码" required>';
echo '   <button id="submitBtn" type="button" onclick="handleDebouncedSubmit()">提交</button>';
echo '</form>';

// 防抖处理函数的JavaScript代码
echo '<script>';
echo '   function handleDebouncedSubmit() {';
echo '       document.getElementById("submitBtn").setAttribute("disabled", "disabled");';
echo '       var form = document.querySelector("form");';
echo '       var formData = new FormData(form);';
echo '       var xhr = new XMLHttpRequest();';
echo '       xhr.open("POST", "process.php");';
echo '       xhr.send(formData);';
echo '   }';
echo '</script>';