javascript - 获取输入值并在提交后显示在新页面

Question

我试图在用户提交表单后显示他们的输入。

表单如下:

<form class="form-horizontal col-sm-12" name="enq" method="post" action="email/" >
    <div class="form-group"><label>Name</label><input class="form-control required" name="name" placeholder="Your name" data-placement="top" data-trigger="manual" data-content="Must be at least 3 characters long, and must only contain letters." type="text"></div>
    <div class="form-group"><label>Message</label><textarea class="form-control" name="message" placeholder="Your message here.." data-placement="top" data-trigger="manual"></textarea></div>
    <div class="form-group"><label>E-Mail</label><input class="form-control email" name="email" placeholder="email@you.com (so that we can contact you)" data-placement="top" data-trigger="manual" data-content="Must be a valid e-mail address (user@gmail.com)" type="text"></div>
    <div class="form-group"><label>Phone</label><input class="form-control phone" placeholder="999-999-9999" data-placement="top" data-trigger="manual" data-content="Must be a valid phone number (999-999-9999)" type="text"></div>
    <div class="form-group"><input type="submit" class="btn btn-success pull-right" id="submit" name="submit"></input> <p class="help-block pull-left text-danger hide" id="form-error">&nbsp; The form is not valid. </p></div>
</form>

这是用户提交后的PHP:

if(isset($_POST['submit']))
{
    $name = $_POST['name'];
    $email = $_POST['email'];
    $query = $_POST['message'];
    $email_from = $name.'<'.$email.'>';
    $to="test@ymail.com";
    $subject="Enquiry!";
    $headers  = 'MIME-Version: 1.0' . "\r\n";
    $headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
    $headers .= "From: ".$email_from."\r\n";
    $message="    
        Name:
        $name      
        <br>
        Email-Id:
        $email     
        <br>
        Message:
        $query     
    ";
    if(mail($to,$subject,$message,$headers))
        header("Location:../success.php");
    else
        header("Location:../test.php?msg=Error To send Email !");
        //contact:-your-email@your-domain.com
}

这里是success.php:

$name = $_POST['name'];
$email = $_POST['email'];
$query = $_POST['message'];
echo "<span class=\"alert alert-success\" >Your message has been received. Thanks! Here is what you submitted:</span><br><br>";
echo "<strong>Name:</strong> ".$name."<br>";    
echo "<strong>Email:</strong> ".$email."<br>";  
echo "<strong>Message:</strong> ".$query."<br>";

我可以收到用户在我的电子邮件中发送的内容，但问题出在 success.php 上，我尝试使用上面的代码，但我收到的是 undefined index 。

有没有办法在提交后在新页面显示输入值？

Answer 1

使用 session 变量，或者您也可以通过 URL 发送数据并在成功页面上使用 $_GET(不过我可能不建议这样做)。

提交后的 PHP:

<?php
 if(isset($_POST['submit']))
 {
    $name = $_POST['name'];
    $email = $_POST['email'];
    $query = $_POST['message'];
    $email_from = $name.'<'.$email.'>';

 $to="test@ymail.com";
 $subject="Enquiry!";
 $headers  = 'MIME-Version: 1.0' . "\r\n";
 $headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
 $headers .= "From: ".$email_from."\r\n";
 $message="   

         Name:
         $name     
         <br>
         Email-Id:
         $email        
         <br>
         Message:
         $query        

   ";
    if(mail($to,$subject,$message,$headers))
    {
        session_start();//Start the session
        $_SESSION['name'] = $name; //Set name session
        $_SESSION['email'] = $email; //Set email session
        $_SESSION['query'] = $query;  // Set query session
        header("Location:../success.php");
    }
    else
    {
        header("Location:../test.php?msg=Error To send Email !");
    }
 }
?>

成功.php

<?php
    session_start();
    echo "<span class=\"alert alert-success\" >Your message has been received. Thanks! Here is what you submitted:</span><br><br>";
    echo "<strong>Name:</strong> ".$_SESSION['name']."<br>";//Use the session variables    
    echo "<strong>Email:</strong> ".$_SESSION['email']."<br>";  
    echo "<strong>Message:</strong> ".$_SESSION['query']."<br>";
?>

它本质上是将数据保存到变量中，只要 session 在替代页面上启动时这些变量就会起作用，并且可以使用 $_SESSION 调用。