PHP联系表单提交后$result变量无法在index.php显示求助

你的问题核心在于表单提交的流程逻辑：当你点击提交按钮时，表单会把数据发送到fetch.php，服务器会执行fetch.php里的代码并设置$result，但这个处理过程完成后，浏览器停留在fetch.php页面，而不是回到index.php。而index.php里的$result是在页面初始加载时（通过include 'fetch.php'）获取的空值，提交表单后的请求和index.php的初始请求完全独立，所以index.php里的<h4>自然不会显示处理后的结果。

下面给你三种不同的解决思路，你可以根据需求选择：

方案1：让表单提交回当前页面（最简单直接） #

把表单的提交目标改回index.php（或者留空，默认提交到当前页面），这样提交后index.php会重新加载，此时include 'fetch.php'会执行处理逻辑并设置$result，页面就能正常显示结果了。

修改index.php里的表单标签：

<form method="post" action="index.php">
<!-- 或者简化为 action=""，效果一样 -->

fetch.php的代码不需要改动，因为当index.php接收到POST请求时，fetch.php里的if(isset($_POST['submit']))代码块会被执行，$result会被正确赋值，然后index.php里的<h4>就能输出结果了。

方案2：用Session传递结果并重定向 #

如果想保持表单提交到fetch.php的结构，可以用Session来存储$result，处理完成后重定向回index.php，再从Session中取出结果显示。

步骤1：修改fetch.php #

在文件最顶部添加Session初始化代码，并用Session存储结果，最后重定向：

<?php
session_start(); // 必须放在最顶部，不能有任何输出之前
use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;

$result="";
if(isset($_POST['submit']))
{
    // 原有的邮件处理代码保持不变...
    
    if(!$mail->send())
    {
        $_SESSION['result'] = "Message could not be sent.";
    }
    else
    {
        $_SESSION['result'] ="Thank you ".$uname." for contacting us.";
    }
    // 重定向回index.php
    header("Location: index.php");
    exit;
}

步骤2：修改index.php #

在页面顶部初始化Session，取出结果并显示，之后可以清空Session避免重复显示：

<?php
session_start();
$result = isset($_SESSION['result']) ? $_SESSION['result'] : "";
// 取出后清空Session，防止刷新页面重复显示
unset($_SESSION['result']);
include 'fetch.php';
?>

方案3：AJAX异步提交（无刷新显示结果） #

如果不想页面刷新，可以用JavaScript的AJAX来提交表单，处理完成后直接在页面上显示结果。

修改index.php的表单和添加JS代码 #

给表单添加一个ID，然后编写AJAX逻辑：

<form id="contactForm" method="post">
<!-- 表单内容保持不变 -->
</form>

<script>
document.getElementById('contactForm').addEventListener('submit', function(e) {
    e.preventDefault(); // 阻止默认表单提交行为
    
    const formData = new FormData(this);
    
    fetch('fetch.php', {
        method: 'POST',
        body: formData
    })
    .then(response => response.text())
    .then(data => {
        // 将结果显示到h4标签里
        document.querySelector('h4').textContent = data;
    })
    .catch(error => {
        document.querySelector('h4').textContent = "提交出错，请重试";
    });
});
</script>

修改fetch.php的输出 #

把原来设置$result的地方改成直接输出结果：

<?php
use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;

if(isset($_POST['submit']))
{
    // 原有的邮件处理代码保持不变...
    
    if(!$mail->send())
    {
        echo "Message could not be sent.";
    }
    else
    {
        echo "Thank you ".$uname." for contacting us.";
    }
}
?>

这样提交表单时页面不会刷新，结果会直接显示在<h4>里。

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