PHP双表单优化需求：实现第二表单自动提交复用首表单邮箱

步骤1：完善第一个表单的邮箱存储逻辑 #

第一个表单提交时，需要确保用户输入的邮箱被持久化存储，方便第二个页面调用。我们同时用后端Session和前端LocalStorage存储，避免单一存储方式的问题：

修改第一个表单的PHP代码（后端存储） #

在第一个表单的提交处理代码中，确保邮箱被正确存入Session：

// 找到第一个表单中处理POST的部分，确保$_SESSION['email']被正确赋值
if (isset($_POST['btn_exc'])) { // 对应第一个表单的提交按钮name
    if (!empty($_POST['email'])) {
        $_SESSION['email'] = $sql->esc($_POST['email']);
        // 保留原有的邮件发送逻辑（如果需要）
    }
}

修改第一个表单的JS代码（前端存储） #

修正表单选择器，并确保邮箱被存入LocalStorage：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#exc-form").on('submit', function(e){
        var email = $("#email-input").val();
        // 将邮箱存入LocalStorage
        if(email){
            localStorage.setItem('user_email', email);
        }
        // 注释掉阻止默认提交的代码，让表单正常跳转至第二个页面
        // e.preventDefault();
    });
});
</script>

步骤2：改造第二个页面，实现自动提交 #

第二个页面无需显示手动输入表单，直接在页面加载时获取邮箱，自动发起POST请求到sendemail.php：

替换第二个页面的所有代码为以下内容 #

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    // 优先从LocalStorage取邮箱，没有则从后端Session获取
    var userEmail = localStorage.getItem('user_email');
    
    <?php if(isset($_SESSION['email'])): ?>
        userEmail = "<?php echo $_SESSION['email']; ?>";
    <?php endif; ?>

    if(userEmail){
        // 自动发起POST请求
        $.ajax({
            url: 'sendemail.php',
            type: 'post',
            data: {email: userEmail},
            success: function(){
                // 可根据需求添加提示，比如页面内显示文字而非alert
                // alert("邮件已自动发送！");
            },
            error: function(){
                // 处理错误情况
                // alert("邮件发送失败，请稍后重试");
            }
        });
    } else {
        // 未获取到邮箱时，跳回第一个表单页面
        window.location.href = "/第一个表单页面的URL";
    }
});
</script>

关键说明 #

• 第一个表单提交后正常跳转至第二个页面，此时LocalStorage已存储邮箱，第二个页面加载时自动读取并提交
• 后端Session作为备用存储，防止用户清理LocalStorage导致邮箱丢失
• 可根据需求调整成功/失败的提示逻辑，比如用页面内文字替代弹窗

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