本文介绍了如何使用 HTML 表单收集用户输入，并通过 PHP 代码将用户重定向到包含这些输入的特定 URL。我们将详细讲解表单的创建、数据的获取以及如何利用 PHP 的 header() 函数实现页面跳转，从而构建一个动态的、参数化的 Web 应用。
创建 HTML 表单
首先，我们需要创建一个 HTML 表单，用于接收用户的输入。以下是一个简单的示例：
<form action="" method="POST"> <label for="first">第一个值:</label><br> <input type="text" id="first" name="first"><br><br> <label for="second">第二个值:</label><br> <input type="text" id="second" name="second"><br><br> <input type="submit" value="提交"> </form>
在这个表单中：
- action="" 表示表单提交到当前页面。 稍后我们将使用 PHP 处理表单提交。
- method="POST" 指定使用 POST 方法提交表单数据。
- input type="text" name="first" 和 input type="text" name="second" 定义了两个文本输入框，分别用于接收用户输入的第一个和第二个值。 name 属性非常重要，因为 PHP 将使用它来访问输入的值。
- input type="submit" 创建一个提交按钮。
使用 PHP 处理表单并重定向
接下来，我们需要使用 PHP 代码来处理表单提交，并将用户重定向到指定的 URL。 将以下 PHP 代码添加到包含上述 HTML 表单的文件的顶部：
立即学习“前端免费学习笔记（深入）”；
<?php
if (isset($_POST['first']) && isset($_POST['second'])) {
$firstValue = $_POST['first'];
$secondValue = $_POST['second'];
// 构建目标 URL
$redirectURL = '/variant/' . $firstValue . '-' . $secondValue;
// 重定向用户
header('Location: ' . $redirectURL);
exit();
}
?>这段 PHP 代码做了以下几件事：
检查表单是否已提交： isset($_POST['first']) && isset($_POST['second']) 检查名为 first 和 second 的 POST 变量是否已设置，这意味着表单已被提交。
获取表单数据： $_POST['first'] 和 $_POST['second'] 分别获取 first 和 second 输入框中的值，并将其存储在 $firstValue 和 $secondValue 变量中。
构建重定向 URL： $redirectURL = '/variant/' . $firstValue . '-' . $secondValue; 使用用户输入的值构建重定向 URL。 在这个例子中，URL 的格式是 /variant/value1-value2。
重定向用户： header('Location: ' . $redirectURL); 使用 header() 函数将用户重定向到构建的 URL。 exit(); 确保在重定向后停止执行脚本。
注意事项
- header() 函数的位置： header() 函数必须在任何实际输出之前调用。 这意味着在调用 header() 之前，不能有任何 HTML 标签、文本或空格输出到浏览器。否则，您将收到 "headers already sent" 错误。
- 安全性： 在实际应用中，务必对用户输入进行验证和清理，以防止安全漏洞，例如跨站点脚本 (XSS) 攻击。 可以使用 htmlspecialchars() 或类似函数来转义用户输入。
- 错误处理： 可以添加错误处理代码，以处理用户未输入任何值或输入无效值的情况。
总结
通过结合 HTML 表单和 PHP 的 header() 函数，我们可以轻松地创建动态的 Web 应用，这些应用可以根据用户的输入将用户重定向到不同的页面。记住，确保对用户输入进行验证和清理，并始终注意 header() 函数的位置，以避免出现错误。
