PHP从按钮获取值而不提交

<button id="myButton" value="按钮的值">点击按钮</button>

document.getElementById("myButton").addEventListener("click", function() {
    var buttonValue = this.value;
    // 在这里可以对按钮的值进行处理或者执行其他操作
    console.log(buttonValue);
});

<?php
if(isset($_POST['buttonValue'])){
    $buttonValue = $_POST['buttonValue'];
    // 在这里可以对按钮的值进行处理或者执行其他操作
    echo $buttonValue;
}
?>

document.getElementById("myButton").addEventListener("click", function() {
    var buttonValue = this.value;
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "backend.php", true);
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4 && xhr.status === 200) {
            console.log(xhr.responseText);
        }
    };
    xhr.send("buttonValue=" + buttonValue);
});