Vanilla JS ile POST işlemi nerede hata yapıyorum?

Merhaba arkadaşlar,

    document.addEventListener("DOMContentLoaded", function () {
    const unvan = document.getElementById("unvan");
    const alan = document.getElementById("alan");
    const siralama = document.getElementById("siralama");
    const adsoyad = document.getElementById("adsoyad");
    const resultDiv = document.getElementById("result");

    unvan.addEventListener("change", function (e) {
        
        const data = {
            unvan: unvan.value,
            alan: alan.value,
            siralama: siralama.value,
            adsoyad: adsoyad.value
        };

        // AJAX isteği oluştur
        const xhr = new XMLHttpRequest();
        xhr.open("POST", "uzmangetir.php"); 

        // AJAX yanıtı geldiğinde çalışacak fonksiyonu belirle
        xhr.onload = function () {
            if (xhr.status === 200) {
                resultDiv.innerHTML = xhr.responseText;
            }
        };

        // AJAX isteği gönder
        xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
        xhr.send(JSON.stringify(data));
    });
    alan.addEventListener("change", function (e) {
        // Form verilerini toplama
        const data = {
            unvan: unvan.value,
            alan: alan.value,
            siralama: siralama.value,
            adsoyad: adsoyad.value
        };

        // AJAX isteği oluştur
        const xhr = new XMLHttpRequest();
        xhr.open("POST", "uzmangetir.php"); 

        // AJAX yanıtı geldiğinde çalışacak fonksiyonu belirle
        xhr.onload = function () {
            if (xhr.status === 200) {
                resultDiv.innerHTML = xhr.responseText;

            }
        };

        // AJAX isteği gönder
        xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
        xhr.send(JSON.stringify(data));
    });
    siralama.addEventListener("change", function (e) {
        // Form verilerini toplama
        const data = {
            unvan: unvan.value,
            alan: alan.value,
            siralama: siralama.value,
            adsoyad: adsoyad.value
        };

        // AJAX isteği oluştur
        const xhr = new XMLHttpRequest();
        xhr.open("POST", "uzmangetir.php"); 

        // AJAX yanıtı geldiğinde çalışacak fonksiyonu belirle
        xhr.onload = function () {
            if (xhr.status === 200) {
                resultDiv.innerHTML = xhr.responseText;
            }
        };

        // AJAX isteği gönder
        xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
        xhr.send(JSON.stringify(data));
    });
    adsoyad.addEventListener("change", function (e) {
        
        // Form verilerini toplama
        const data = {
            unvan: unvan.value,
            alan: alan.value,
            siralama: siralama.value,
            adsoyad: adsoyad.value
        };

        // AJAX isteği oluştur
        const xhr = new XMLHttpRequest();
        xhr.open("POST", "uzmangetir.php"); 

        // AJAX yanıtı geldiğinde çalışacak fonksiyonu belirle
        xhr.onload = function () {
            if (xhr.status === 200) {
                resultDiv.innerHTML = xhr.responseText;
            }
        };

        // AJAX isteği gönder
        xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
        xhr.send(JSON.stringify(data));
    });
});
</script>

Kodlarım bunlar uzmangetir.php de $_POST["unvan"]; yaptığımda maalesef getiremiyorum nerede hata yapıyorum?

Böyle anlamak zor. İstek gidiyor mu ? İstek doğru geliyor mu ? İstek cevaplanabiliyor mu ? Bunlara bakmak gerekiyor.

Whatsapp: 05452802999 Birlikte Bakalım Hocam?