如何使用PHP在按钮单击时向数组添加更多值？

在本文中，我们将学习使用PHP通过单击按钮将元素添加到现有数组。

PHP是一种服务器端语言，它只响应请求（GET、POST、PUT、PATCH 和 DELETE）。按钮单击操作作为客户端的一部分发生，以直接调用PHP函数。

我们需要一种中介语言来执行此操作。在这种情况下，我们将使用 JavaScript。当用户单击按钮时，该按钮将调用 JavaScript函数。然后，该函数将向服务器上的PHP脚本发送 POST 请求，以将数据附加到数组中。

每次单击按钮时，都会向PHP脚本发送一个新请求，从而重新初始化我们的数组。为了克服这个问题，我们将我们的数组存储在服务器上的 JSON 文件中，然后对于每个请求，我们将向其附加数据。我们将处理三个文件“index.html”，其中包含文本输入和按钮“data.html”。 PHP”，它处理请求，从 JSON 文件中读取并将数据附加到它和“array.json”来存储数组。

例子：

index.html

  

    
    

  

  
    
    
  
    
    Add
  
    
        $(document).ready(function () {
            var he = $("#name").value;
            $("#add").click(function () {
                $.post(
                    "data.php", {
                        data: document.getElementById("name").value,
                    },
                    function (data, status) {
                        alert("Data: " + data + "\nStatus: " + status);
                    }
                );
            });
        });
    

  

以下是“数据”的PHP代码。 PHP”在上述 HTML 文件中使用。我们使用 jQuery 的 post() 方法来发出请求。

我们正在处理请求以及发送到“数据”的数据。 PHP ”。每当发送请求时，它都会打开 JSON 文件并从中读取前一个数组。如果没有之前的数组，即“ array.json ”文件是空的，那么它会创建一个数组。然后将数据附加到它。

输出：

执行步骤：我们首先确认我们的“results.json”文件是空的。

空的文件

我们将在浏览器中运行“http://localhost/index.html”。

用户输入画面

在输入中键入要添加到数组中的内容，然后单击“添加”按钮。您会注意到出现一个对话框，确认添加了数据，甚至显示了数组。

第一个条目

重复几次。

检查“results.json”文件。