如何实现点击按钮后弹出提示框？数据库已存数据但弹窗失效

核心问题 #

你遇到的问题是PHP的header()重定向会优先于前端脚本执行——当代码执行header('location:add_reminder.php')时，浏览器会立即收到跳转指令，还没来得及解析和运行你输出的alert弹窗脚本就完成了页面跳转，所以弹窗无法显示。

解决方案 #

方案1：用JavaScript实现跳转（最直接）

替换PHP的header()为JavaScript跳转，确保弹窗执行完毕后再跳转页面：

if(mysqli_query($con,$rmd))
{
    echo "<script>
            alert('Your reminder has been saved!');
            window.location.href = 'add_reminder.php';
          </script>";
    exit; // 终止后续代码执行，避免意外
}

方案2：通过Session传递提示（更优雅）

适合需要跳转后再显示提示的场景：

1. 在当前页面存储提示信息到Session：

if(mysqli_query($con,$rmd))
{
    $_SESSION['success_msg'] = 'Your reminder has been saved!';
    header('location:add_reminder.php');
    exit;
}

2. 在add_reminder.php页面的头部添加以下代码：

session_start(); // 确保已开启Session
if(isset($_SESSION['success_msg'])){
    echo "<script>alert('".$_SESSION['success_msg']."');</script>";
    unset($_SESSION['success_msg']); // 清除提示，避免重复显示
}

关键安全修复：解决SQL注入漏洞 #

你的代码直接将用户输入拼接到SQL语句中，存在极高的SQL注入风险，必须改用预处理语句：

if (isset($_POST['add_reminder']))
{
    $user_id = $_SESSION['user_id'];
    $email = $_POST['email'];
    $reminder_name = $_POST['reminder_name'];
    $reminder_date = $_POST['reminder_date'];
    $reminder_amount = $_POST['reminder_amount'];
    $add_notes = $_POST['add_notes'];

    // 预处理SQL语句，用?作为占位符
    $stmt = $con->prepare("INSERT INTO reminder (user_id, email, reminder_name, reminder_date, reminder_amount, add_notes) VALUES (?, ?, ?, ?, ?, ?)");
    // 绑定参数（i=整数，s=字符串，根据字段实际类型调整）
    $stmt->bind_param("isssis", $user_id, $email, $reminder_name, $reminder_date, $reminder_amount, $add_notes);

    if($stmt->execute()){
        // 这里使用方案1或方案2处理提示和跳转
        echo "<script>
                alert('Your reminder has been saved!');
                window.location.href = 'add_reminder.php';
              </script>";
        exit;
    } else {
        die("Something went wrong: " . $stmt->error);
    }
    $stmt->close();
}

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