如何在按下HTML按钮时显示PHP函数返回的数据

在按下HTML按钮时显示PHP函数返回的数据，可以通过以下步骤实现：

首先，在HTML页面中创建一个按钮元素，例如：

<button onclick="showData()">点击显示数据</button>

接下来，在JavaScript中定义一个函数showData()，该函数将使用AJAX技术来调用PHP函数并显示返回的数据。AJAX可以异步地向服务器发送请求并获取响应，而不会刷新整个页面。示例代码如下：

function showData() {
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("dataContainer").innerHTML = this.responseText;
    }
  };
  xmlhttp.open("GET", "your_php_file.php", true);
  xmlhttp.send();
}

在上述代码中，your_php_file.php是包含你的PHP函数的文件路径。当按钮被点击时，showData()函数将发送一个GET请求到该PHP文件，并在获取到响应后将返回的数据显示在具有id为dataContainer的HTML元素中。

在PHP文件中，编写一个函数来处理数据并返回结果。例如：

<?php
function getData() {
  // 在这里编写你的PHP函数逻辑，获取数据并进行处理
  $data = "这是从PHP函数返回的数据";
  return $data;
}

// 判断是否通过AJAX请求调用该PHP文件
if (isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
  // 如果是AJAX请求，则调用getData()函数并返回结果
  echo getData();
}
?>

在上述代码中，getData()函数是你自己定义的用于获取数据的PHP函数。当通过AJAX请求调用该PHP文件时，将调用getData()函数并将返回的数据作为响应返回给前端。

通过以上步骤，当用户点击HTML按钮时，将触发JavaScript函数，该函数将使用AJAX技术调用PHP函数并将返回的数据显示在HTML页面中。请注意，这只是一个基本的示例，你可以根据实际需求进行修改和扩展。