使用 HTML 表单实现页面跳转并传递参数

本文介绍了如何使用 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 代码做了以下几件事：

1. 检查表单是否已提交： isset($_POST[‘first’]) && isset($_POST[‘second’]) 检查名为 first 和 second 的 POST 变量是否已设置，这意味着表单已被提交。

2. 获取表单数据： $_POST[‘first’] 和 $_POST[‘second’] 分别获取 first 和 second 输入框中的值，并将其存储在 $firstValue 和 $secondValue 变量中。

3. 构建重定向 URL： $redirectURL = ‘/variant/’ . $firstValue . ‘-‘ . $secondValue; 使用用户输入的值构建重定向 URL。 在这个例子中，URL 的格式是 /variant/value1-value2。

4. 重定向用户： header(‘Location: ‘ . $redirectURL); 使用 header() 函数将用户重定向到构建的 URL。 exit(); 确保在重定向后停止执行脚本。

注意事项

• header() 函数的位置： header() 函数必须在任何实际输出之前调用。 这意味着在调用 header() 之前，不能有任何 HTML 标签、文本或空格输出到浏览器。否则，您将收到 “headers already sent” 错误。
• 安全性： 在实际应用中，务必对用户输入进行验证和清理，以防止安全漏洞，例如跨站点脚本 (XSS) 攻击。 可以使用 htmlspecialchars() 或类似函数来转义用户输入。
• 错误处理： 可以添加错误处理代码，以处理用户未输入任何值或输入无效值的情况。

总结

通过结合 HTML 表单和 PHP 的 header() 函数，我们可以轻松地创建动态的 Web 应用，这些应用可以根据用户的输入将用户重定向到不同的页面。记住，确保对用户输入进行验证和清理，并始终注意 header() 函数的位置，以避免出现错误。