一种经常用于网络开发的服务器端脚本语言叫做PHP(Hypertext Preprocessor)。
服务器运行PHP代码,产生HTML、CSS和JavaScript,然后传输到客户端的浏览器进行渲染。在HTML被传送到客户的浏览器之前,PHP代码被嵌入其中并在服务器上执行。
要使用PHP在点击按钮时向数组添加更多的值,可以使用一个带有按钮的表单,当点击按钮时,向PHP脚本发送请求,将新的值添加到数组中。
方法
当使用PHP时,有各种可能的方法在按钮被点击时向数组中添加额外的值。这些方法是 —
- 使用一个表单
- 使用JavaScript脚本
现在让我们通过实例来详细了解每种方法。
方法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步 - 如果表单已经提交,使用数组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文件,请打开网页浏览器并进入 “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,它可以用来在点击按钮时向数组中添加新的值。