Sweet Alert2在表单提交时显示异常的技术求助

两段代码的核心问题 #

• 第一段代码：window.location.href='accounts.php' 会立即执行，比Swal的100ms延迟触发更早，弹窗还没渲染完成页面就跳转了，导致提示完全看不到。
• 第二段代码：通过页面刷新实现跳转，但刷新会重新发送表单的POST请求，触发数据库重复执行注册逻辑，直接导致重复提交问题。

正确实现方案 #

方案1：弹窗显示完成后再跳转 #

把跳转逻辑绑定到Swal的关闭回调中，确保弹窗正常显示后再跳转，同时杜绝页面刷新操作：

if ($password == $cpassword) {
    $query1 = mysqli_query($connections, $query);
    if ($query1){
        echo "
        <script type='text/javascript'>
            Swal.fire({
                title: 'Success!',
                icon: 'success',
                text: 'Account registered!',
                allowOutsideClick: true,
                allowEscapeKey: true,
                allowEnterKey: false,
                showConfirmButton: false,
                timer: 1500 // 可选：设置弹窗自动关闭时间
            }).then(() => {
                // 弹窗关闭后执行跳转
                window.location.href='accounts.php';
            });
        </script>";
        exit; // 终止PHP后续输出，避免干扰
    }
}

• 关键细节：利用Swal的.then()方法监听弹窗关闭事件，确保跳转动作在弹窗显示完成后触发；添加exit防止PHP输出额外内容影响页面逻辑。

方案2：PRG模式（彻底解决重复提交） #

如果需要兼顾页面刷新后的提示稳定性，同时彻底避免重复提交，推荐使用Post/Redirect/Get标准模式：

注册页面代码：

session_start(); // 必须在任何输出前启动会话

if ($password == $cpassword) {
    $query1 = mysqli_query($connections, $query);
    if ($query1){
        $_SESSION['register_success'] = true;
        // 用GET请求重定向，杜绝刷新重复提交POST数据
        header("Location: accounts.php");
        exit;
    }
}

accounts.php页面代码：

session_start();
if (isset($_SESSION['register_success']) && $_SESSION['register_success']) {
    echo "
    <script type='text/javascript'>
        Swal.fire({
            title: 'Success!',
            icon: 'success',
            text: 'Account registered!',
            allowOutsideClick: true,
            allowEscapeKey: true,
            allowEnterKey: false,
            showConfirmButton: false,
            timer: 1500
        });
    </script>";
    // 清除会话标记，防止页面刷新再次显示提示
    unset($_SESSION['register_success']);
}

• 核心优势：重定向后页面使用GET请求，刷新不会重复触发注册逻辑；提示信息通过会话传递，在目标页面显示，用户体验更稳定。

内容的提问来源于stack exchange，提问作者Faust