如何在按钮被单击之前隐藏PHP回显？

<button id="hideButton">隐藏回显</button>

document.getElementById("hideButton").addEventListener("click", function() {
  // 创建XMLHttpRequest对象
  var xhr = new XMLHttpRequest();

  // 设置请求参数
  xhr.open("GET", "hide.php", true);

  // 发送请求
  xhr.send();

  // 阻止表单默认提交行为
  event.preventDefault();
});

<?php
// 处理相应的逻辑
// 隐藏回显信息
$hiddenMessage = "这是需要隐藏的回显信息";

// 返回需要隐藏的回显信息
echo $hiddenMessage;
?>

document.getElementById("hideButton").addEventListener("click", function() {
  var xhr = new XMLHttpRequest();
  xhr.open("GET", "hide.php", true);
  xhr.send();

  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        var hiddenMessage = xhr.responseText;

        // 隐藏回显内容
        document.getElementById("echo").style.display = "none";
      }
    }
  }

  event.preventDefault();
});