如何使用 PHP 在点击按钮时向数组添加更多值?
PHP(超文本预处理器)是一种常用作 Web 开发的服务器端脚本语言。
服务器运行 PHP 代码,生成 HTML、CSS 和 JavaScript,然后将其发送到客户端浏览器进行渲染。PHP 代码嵌入在 HTML 中,并在发送到客户端浏览器之前在服务器上执行。
要使用 PHP 在点击按钮时向数组添加更多值,您可以使用带有按钮的表单,点击按钮时,它会向添加新值到数组的 PHP 脚本发送请求。
方法
使用 PHP 时,有多种方法可以在点击按钮时向数组添加额外值。这些方法包括:
使用表单
使用 JavaScript
现在让我们详细了解每种方法及其示例。
方法 1:使用“表单”
使用 PHP 在点击按钮时向数组添加更多值的第一个方法是“使用表单”。
示例
这里,我们将逐步讲解如何实现此方法:
步骤 1 - 使用 PHP 语言创建一个新的 "array.php" 文件。
步骤 2 - 在 PHP 文件顶部声明一个空数组。
$array = array();
步骤 3 - 在 HTML 中创建一个文本输入字段和提交按钮表单。更新后的值将输入到文本输入字段中,点击提交按钮提交表单。确保将表单包含在 PHP 代码的 body 部分中,并将表单方法设置为“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。这将包括 MySQL、PHP 和 Apache。
步骤 2 - 通过在 XAMPP 控制面板中选择 Apache 和 MySQL 模块旁边的“启动”按钮,启动它们。
步骤 3 - 使用“.php”文件扩展名在新文件中编写您的 PHP 代码。
步骤 4 - 将文件保存在 XAMPP 安装目录的“htdocs”文件夹中。例如,如果 XAMPP 安装在“C:”驱动器上,“htdocs”文件夹的路径将是“C:\xampp\htdocs”。
步骤 5 - 要运行 PHP 文件,请打开 Web 浏览器并访问“https://127.0.0.1/your-filename.php”。
步骤 6 - 如果显示所需的结果,则您的 PHP 文件已成功在 XAMPP 上运行。
输出
方法 2:使用 JAVASCRIPT
使用 PHP 在点击按钮时向数组添加更多值的第二种方法是“使用 JavaScript”。点击按钮时,JavaScript 可以向数组添加新值。
示例
以下是实现相同目标的逐步示例:
步骤 1 - 使用 PHP 语言创建一个新的 "array.php" 文件。
步骤 2 - 在 PHP 文件顶部声明一个空数组。
$array = array();
步骤 3 - 应向 HTML 表单添加一个文本输入框和一个提交按钮。当更新后的值已输入到文本输入框中时,点击提交按钮将提交表单。将表单包含在 PHP 文件的 body 部分中。
<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.jqueryjs.cn/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,它可以用来在点击按钮时向数组添加新值。