如何使用 PHP 在单击按钮时向数组添加更多值?
一种经常用于 Web 开发的服务器端脚本语言称为 PHP(超文本预处理器)。
服务器运行 PHP 代码，生成 HTML、CSS 和 JavaScript，然后将其传输到客户端浏览器进行呈现。在将 HTML 传输到客户端浏览器之前，PHP 代码嵌入其中并在服务器上执行。
要使用 PHP 在单击按钮时向数组添加更多值，您可以使用带有按钮的表单，单击按钮时，会向 PHP 脚本发送请求，该脚本将新值添加到数组中。
方法
使用 PHP 时，有多种方法可以在单击按钮时向数组添加额外值。这些方法是 -
使用表单
使用 Java 脚本
现在让我们通过示例详细了解每种方法。
方法 1:使用"表单"
使用 PHP 单击按钮向数组添加更多值的第一种方法是"使用表单"。
示例
在这里，我们将通过分步示例来实现此方法 -
步骤 1 - 使用 PHP 语言创建一个新的"array.php"文件。
步骤 2 - 在 PHP 文件的顶部，声明一个空白数组。
$array = array();
步骤 3 - 为 HTML 表单创建文本输入字段和提交按钮。更新的值将输入到文本输入字段中，单击提交按钮即可提交表单。确保将表单包含在 PHP 代码的正文部分中，并将表单方法设置为"POST"。
<body> <form method="POST"> <input type="text" name="new_value"> <input type="submit" name="submit" value="Add to Array"> </form> </body>
步骤 4 - 使用 $_POST 超级全局变量检查 PHP 脚本的 $_POST 变量，以查看表单是否已提交。
if (isset($_POST['submit'])) {
步骤 5 - 如果表单已提交，请使用 array push() 函数或 [] 运算符将文本输入字段中的值添加到数组中。
$new_value = $_POST['new_value']; array_push($array, $new_value);
步骤 6 - 使用 PHP 的 print r() 或 var dump() 函数显示修改后的数组。
print_r($array);
步骤 7 − 保存 array.php 文件后，在本地或远程服务器上运行它。
步骤 8 − 当您填写文本输入字段并按下提交按钮时，更新后的数组将可见。
步骤 9 − 最终代码将如下所示 −
<?php $array = array(); if(isset($_POST['submit'])){ $new_value = $_POST['new_value']; array_push($array, $new_value); } ?> <html> <body> <form method="POST"> <input type="text" name="new_value"> <input type="submit" name="submit" value="Add to Array"> </form> <?php if(!empty($array)){ echo "<pre>"; print_r($array); echo "</pre>"; } ?> </body> </html>
步骤 10 - 按照给定的步骤使用 XAMPP 运行代码。
如何在 XAMPP 中执行 PHP 文件?
步骤 1 - 将 XAMPP 安装在您的 PC 上。这将涉及 MySQL、PHP 和 Apache。
步骤 2 - 通过在 XAMPP 控制面板中选择每个 Apache 和 MySQL 模块旁边的"开始"按钮，您可以启动它们。
步骤 3 - 将您的 PHP 代码写入带有".php"文件扩展名的新文件中。
步骤 4 - 将文档保存在 XAMPP 安装目录的"htdocs"文件夹中。例如，如果 XAMPP 安装在"C:"驱动器上，则"htdocs"文件夹的路径为"C:\xampp\htdocs"。
步骤 5 - 要运行 PHP 文件，请打开 Web 浏览器并转到"http://localhost/your-filename.php"。
步骤 6 - 如果显示所需结果，则表示您的 PHP 文件已在 XAMPP 上成功运行。
输出
方法 2:使用 JAVASCRIPT
使用 PHP 在单击按钮时向数组添加更多值的第二种方法是"使用 JavaScript"。单击按钮时，JavaScript 可以添加新的值到数组。
示例
以下是实现相同操作的分步示例 -
步骤 1 - 用 PHP 语言创建一个新的"array.php"文件。
步骤 2 - 在 PHP 文件的顶部，声明一个空白数组。
$array = array();
步骤 3 - 应将文本输入框和提交按钮添加到 HTML 表单。当在文本输入框中输入更新的值时，单击提交按钮即可提交表单。将表单包含在 PHP 文件的正文部分中。
<body> <form> <input type="text" id="new_value"> <input type="button" onclick="addValue()" value="Add to Array"> </form> </body>
步骤 4 − 在 HTML 代码中创建 JavaScript 方法 addValue()，它将从文本输入字段中获取值并将其添加到数组中。
<script> function addValue(){ var new_value = document.getElementById("new_value").value; $.ajax({ type: 'POST', url: 'array.php', data: {new_value:new_value} }); } </script>
步骤 5 − PHP 脚本中的 $_POST 超全局变量可用于从 JavaScript 函数中检索值并将其添加到数组中。
if(isset($_POST['new_value'])){ array_push($array, $_POST['new_value']); }
步骤 6 - 使用 PHP 的 print r() 或 var dump() 函数显示修改后的数组。
print_r($array);
步骤 7 - 保存 array.php 文件后，在本地或远程服务器上运行该文件。
步骤 8 - 填写文本输入字段并按下提交按钮后，更新后的数组将可见。
步骤 9 - 最终代码将如下所示 -
<?php $array = array(); if(isset($_POST['new_value'])){ array_push($array, $_POST['new_value']); } ?> <html> <body> <form> <input type="text" id="new_value"> <input type="button" onclick="addValue()" value="Add to Array"> </form> <?php if(!empty($array)){ echo "<pre>"; print_r($array); echo "</pre>"; } ?> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> function addValue(){ var new_value = document.getElementById("new_value").value; $.ajax({ type: 'POST', url: 'array.php', data: {new_value:new_value} }); } </script> </body> </html>
步骤 10 - 按照上一种方法中给出的步骤，使用 XAMPP 运行代码。
输出
结论
在 PHP 中，单击按钮时向数组添加额外值的简单任务可以通过使用各种技术轻松完成，包括表单、AJAX、直接从 URL、JavaScript 或数据库。最流行的方法是使用表单的文本输入字段和提交按钮将新值添加到数组中。另一种选择是使用 JavaScript，它可用于在单击按钮时向数组添加新值。
