What is the best practice for sending the ID of a button clicked by a user to a PHP script for processing?

When a user clicks a button and you want to send the ID of that button to a PHP script for processing, the best practice is to use JavaScript to capture the button click event and send an AJAX request to the PHP script with the button ID as a parameter. This way, the PHP script can receive the button ID and process it accordingly. 

// JavaScript code to capture button click event and send AJAX request
<script>
document.getElementById("button_id").addEventListener("click", function() {
    var buttonId = this.id;
    
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "process.php", true);
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
            // Handle response from PHP script
            console.log(xhr.responseText);
        }
    };
    xhr.send("button_id=" + buttonId);
});
</script>

// PHP code in process.php to receive button ID and process it
<?php
if(isset($_POST['button_id'])) {
    $buttonId = $_POST['button_id'];
    
    // Process the button ID as needed
    // For example, you can perform database operations, calculations, etc.
    
    echo "Button ID " . $buttonId . " processed successfully!";
} else {
    echo "Error: Button ID not received.";
}
?>

Keywords

button ID user input PHP script data processing event handling

Related Questions