資料結構
網路
關係型資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
服裝學
法學如何使用 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:///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.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，它可以用來在點選按鈕時向陣列新增新值。
4K+ 次檢視
