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

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

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();
}

<?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();
}
?>