在PHP中，我如何将表单数据发送到页面，但是当用户单击“提交”按钮时却将用户定向到另一个页面？

Question

以这个简单的形式为例：

<form method="post" action="reports.php">
<input type="text" name="name">
<input type="text" name="email_address">
<input type="submit" value="Submit">

我希望它将输入字段数据发送到reports.php页面，但是当他单击"Submit"按钮时，我希望它将用户定向到页面uploads.php 。

不能在reports.php页面上使用header("Location: uploads.php") ，因为reports.php会将表单数据收集到一个表格中，以供所有人查看。 在uploads.php页面中，用户将上传在reports.php表中也可见的文件。

我该怎么做呢？

Answer 1

您可以检查对reports.php请求中使用的方法是否为POST ，然后重定向用户。

<?php
# reports.php

if($_SERVER['REQUEST_METHOD'] === 'POST') {
    // process the data

    header("Location: ...");
    exit;
}

或者，您可以简单地创建一个add_report.php文件。

Answer 2

您可以使用javascript添加“表单提交”事件。

单击“提交”按钮后-使用javascript收集表单数据并将其发送到需要的地方。 当ajax工作时-使用javascript将用户重定向到所需的页面。

完整的示例如下：

对于html

<form method="post" id="my_form">
<input type="text" name="name">
<input type="text" name="email_address">
<input type="submit" value="Submit">

对于javascript

<script>
$(function(){
   $('#my_form').on('submit', function(e){
       e.preventDefault();
       var url = 'reports.php?' + $(this).serialize();
       $.get(url, function(){
           window.location.href = 'uploads.php';
       });
   })
})
</script>

更多信息可以在这里找到： https : //api.jquery.com/serialize/

Answer 3

您需要重构代码。

听起来您的用例是：

1. 获取上载：显示上载表格
2. POST到某处：添加到报告，然后显示上载表格
3. 获取报告：显示报告列表
4. 发布到报告：添加到报告，然后显示上载表格

不必担心使“某处”成为报告文件。

将“添加到报告”代码分离到一个（或多个）函数中，并将其放入自己的文件中。

然后在报告和上传文件中都包含该文件。

使上传表单提交上传，然后调用“添加到报告”功能。

在报告中执行类似的操作。