PHP $_POST

❮ Previous Next ❯

PHP $_POST

$_POST 包含通过 HTTP POST 方法接收的变量数组。

通过 HTTP Post 方法发送变量主要有两种方式

HTML 表单
JavaScript HTTP 请求

HTML 表单中的 $_POST

如果表单的 method 属性设置为 "POST"，则 HTML 表单通过 HTTP POST 方法提交信息。

为了演示这一点，我们首先创建一个简单的 HTML 表单

HTML 表单

<html>
<body>

<form method="POST" action="demo_request.php">
  Name:<input type="text" name="fname">
 <input type="submit">
</form>

</body>
</html>

当用户单击提交按钮时，表单数据将发送到

标签的 action 属性中指定的 PHP 文件。

在 action 文件中，我们可以使用 $_POST 变量来收集输入字段的值。

PHP 文件

$name = $_POST['fname'];
echo $name;

在下面的实例中，我们将 HTML 表单和 PHP 代码放在同一个 PHP 文件中。

我们还添加了一些额外的安全措施。

实例

<html>
<body>

<form method="POST" action="<?php echo $_SERVER['PHP_SELF'];?>">
  Name:<input type="text" name="fname">
 <input type="submit">
</form>

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
  $name = htmlspecialchars($_POST['fname']);
  if (empty($name)) {
    echo "Name is empty";
  } else {
    echo $name;
  }
}
?>

</body>
</html>

亲自试一试 »

JavaScript HTTP 请求中的 $_POST

在 JavaScript 中发送 HTTP 请求时，可以指定 HTTP 方法为 POST。

为了演示这一点，我们首先创建一个包含 HTTP 请求的 JavaScript 函数

JavaScript 函数

function myfunction() {
  const xhttp = new XMLHttpRequest();
  xhttp.open("POST", "demo_phpfile.php");
  xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xhttp.onload = function() {
    document.getElementById("demo").innerHTML = this.responseText;
  }
  xhttp.send("fname=Mary");
  }
}

上面的代码将

发起 HTTP 请求
将 HTTP 方法设置为 POST
设置一个有效的请求头
创建一个当请求完成时执行的函数
发送 HTTP 请求，将变量 fname 设置为 Mary

查看请求完成时将执行的函数

xhttp.onload = function() {
    document.getElementById("demo").innerHTML = this.responseText;
  }

它将尝试将操作的响应写入一个 ID 为 demo 的 HTML 元素中。

让我们创建一个带有该元素的 HTML 页面，以及一个执行该函数的按钮。

如果我们还添加了 JavaScript，页面看起来是这样的

实例

如何从 HTTP 请求中发送和接收数据

<html>
<script>
function myfunction() {
  const xhttp = new XMLHttpRequest();
  xhttp.open("POST", "demo_ajax.php");
  xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xhttp.onload = function() {
    document.getElementById("demo").innerHTML = this.responseText;
  }
  xhttp.send("fname=Mary");
  }
}
</script>
<body>

<button onclick="myfunction()">Click me!</button>

<h1 id="demo"></h1>

</body>
</html>

亲自试一试 »

在接收此 HTTP 请求的 PHP 文件（demo_ajax.php）中，我们只需使用 $_POST 变量来检索 fname 变量，并将其作为响应写入。

PHP 文件

$name = $_POST['fname'];
echo $name;

PHP 教程

PHP $_POST

PHP $_POST

HTML 表单中的 $_POST

实例

JavaScript HTTP 请求中的 $_POST

实例

颜色选择器

PHP 参考手册

PHP 实例

PHP 测验/考试