html 如何在两个页面传值

在HTML中，我们通常使用表单来传递数据从一个页面到另一个页面，这主要涉及到GET和POST两种方法，GET方法将数据附加到URL中，而POST方法将数据放在HTTP请求的主体中，这两种方法都有其优点和缺点，但是在大多数情况下，POST方法更安全，因为它不会在浏览器的历史记录中留下数据。

（图片来源网络，侵删）

以下是如何在两个页面之间传递值的详细步骤：

1、创建第一个页面（page1.html）：

<!DOCTYPE html>
<html>
<head>
    <title>Page 1</title>
</head>
<body>
    <form action="page2.html" method="get">
        <label for="fname">First name:</label><br>
        <input type="text" id="fname" name="fname"><br>
        <input type="submit" value="Submit">
    </form>
</body>
</html>

在这个例子中，我们创建了一个表单，用户可以输入他们的名字，当用户点击提交按钮时，表单数据将被发送到"page2.html"页面，我们使用GET方法，所以数据将被附加到URL中。

2、创建第二个页面（page2.html）：

<!DOCTYPE html>
<html>
<head>
    <title>Page 2</title>
</head>
<body>
    <h1>Welcome, <?php echo $_GET["fname"]; ?>!</h1>
</body>
</html>

在这个例子中，我们使用PHP的$_GET超全局变量来获取URL中的参数，我们将这个参数插入到一个欢迎消息中，当用户访问"page2.html"页面时，他们将看到一条包含他们名字的欢迎消息。

注意：在这个例子中，我们使用了PHP来处理GET参数，如果你想在你的网页中使用PHP，你需要在你的服务器上安装并配置PHP，如果你没有权限或不想这样做，你可以使用JavaScript或者服务器端的语言如Python、Java等来处理GET参数。

3、创建一个表单来提交数据到服务器（page3.html）：

<!DOCTYPE html>
<html>
<head>
    <title>Page 3</title>
</head>
<body>
    <form action="process.php" method="post">
        <label for="lname">Last name:</label><br>
        <input type="text" id="lname" name="lname"><br>
        <input type="submit" value="Submit">
    </form>
</body>
</html>

在这个例子中，我们创建了一个表单，用户可以输入他们的姓氏，当用户点击提交按钮时，表单数据将被发送到"process.php"文件，我们使用POST方法，所以数据将被放在HTTP请求的主体中。

4、创建一个PHP文件来处理表单数据（process.php）：

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检测连接
if ($conn>connect_error) {
    die("Connection failed: " . $conn>connect_error);
}
$lname = $_POST["lname"];
$sql = "INSERT INTO MyGuests (firstname, lastname) VALUES ('John', 'Doe')"; // John and Doe should be replaced with the actual values from the form.
if ($conn>query($sql) === TRUE) {
    echo "New record created successfully";
} else {
    echo "Error: " . $sql . "<br>" . $conn>error;
}
$conn>close();
?>

在这个例子中，我们首先创建了一个新的MySQL连接，我们从POST请求中获取姓氏，并将其插入到数据库中，如果插入成功，我们将显示一条消息，否则，我们将显示一个错误消息，我们关闭了数据库连接。

以上就是在HTML中如何在两个页面之间传递值的方法，希望这个教程对你有所帮助！

原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/440845.html