<h1>AJAX POST İsteği Örneği</h1>
<form id="testform">
    <input type="text" name="name" placeholder="İsim">
    <input type="text" name="surname" placeholder="Soyisim">
    <input type="text" name="age" placeholder="Yaş">
    <button type="button" onclick="sendAjaxRequest()">Gönder</button>
</form>

<div id="result"></div>

<script>
    function sendAjaxRequest() {
        var form = document.getElementById("testform");
        var formData = new FormData(form);

        var xhr = new XMLHttpRequest();
        var url = "ajax.php";

        xhr.open("POST", url, true);

        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4 && xhr.status === 200) {
                var response = xhr.responseText;
                document.getElementById("result").innerHTML = response; // Sonucu göster
            }
        };

        xhr.send(formData);
    }
</script>

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $name = $_POST['name'];
    $surname = $_POST['surname'];
    $age = $_POST['age'];

    // İşlemleri gerçekleştir veya veritabanına kaydet
    
    $response = "Merhaba, " . $name . " " . $surname . "! Yaşınız: " . $age;
    echo $response;
}