How can PHP scripts be triggered by button clicks and pass user data without using form elements?

To trigger PHP scripts by button clicks and pass user data without using form elements, you can use AJAX to send an HTTP request to a PHP script when the button is clicked. The PHP script can then process the data sent in the request and perform any necessary actions.

// HTML button that triggers the AJAX request
<button id="myButton">Click me</button>

// JavaScript code to send an AJAX request to a PHP script
<script>
document.getElementById("myButton").addEventListener("click", function() {
    var data = { user: "John", age: 30 }; // User data to send
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "process.php", true);
    xhr.setRequestHeader("Content-Type", "application/json");
    xhr.send(JSON.stringify(data));
});
</script>

// PHP script (process.php) to receive and process the data
<?php
$data = json_decode(file_get_contents("php://input"), true);
$user = $data['user'];
$age = $data['age'];

// Process the data as needed
echo "User: " . $user . ", Age: " . $age;
?>