Emre Karademir | WordPress Developer

PHP ile ajax

Mart 12, 2023 2 mins to read
Share

PHP ile Ajax kullanarak, bir web sayfasının arka planında sunucu ile iletişim kurabilirsiniz. Bu yöntem, sayfayı yenilemeden veri gönderimi veya alımı yapmanızı sağlar ve daha hızlı ve etkili bir kullanıcı deneyimi sunar. İşte, PHP ile Ajax kullanarak örnek bir işlem:

HTML Form

Öncelikle, HTML formunu oluşturun.

<form>
    <label for="name">Ad</label>
    <input type="text" id="name" name="name"><br><br>

    <label for="email">E-posta</label>
    <input type="email" id="email" name="email"><br><br>

    <button type="submit" onclick="sendData()">Gönder</button>
</form>

Yukarıdaki örnekte, name ve email alanlarına veri girişi için input etiketleri kullanılıyor. Gönder butonuna basıldığında sendData() fonksiyonu çağrılacak.

JavaScript Kodu

Bir JavaScript dosyası oluşturun ve sendData() adında bir işlev tanımlayın. Bu işlev, form verilerini toplayacak ve XMLHttpRequest nesnesi kullanarak sunucuya gönderecek.

function sendData() {
    var xhr = new XMLHttpRequest();
    var url = "process.php"; // Sunucuda işlenecek PHP dosyasının adresi
    var name = document.getElementById("name").value;
    var email = document.getElementById("email").value;
    var params = "name=" + name + "&email=" + email;
    
    xhr.open("POST", url, true);
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
            alert(xhr.responseText);
        }
    }
    xhr.send(params);
}

Yukarıdaki örnekte, XMLHttpRequest nesnesi kullanarak sunucuya bir HTTP POST isteği gönderiyoruz. params değişkeninde, form verilerini name ve email parametreleri olarak kodluyoruz. Sunucudan gelen yanıt, alert() fonksiyonuyla kullanıcıya gösterilir.

PHP Kodu

Son olarak, sunucu tarafındaki işleme yani process.php dosyasına geçelim. Bu dosyada, alınan veriler işlenecek ve sonuç döndürülecektir.

$name = $_POST["name"];
$email = $_POST["email"];

// Verileri işleme...

echo "Başarılı bir şekilde işlendi.";

Yukarıdaki örnekte, $name ve $email değişkenleri kullanarak form verilerini işliyoruz. Sonunda, "Başarılı bir şekilde işlendi." gibi bir metin yanıtı döndürüyoruz.

Bu şekilde, PHP ile Ajax kullanarak web formu verilerini sunucuya gönderebilir ve işleyebilirsiniz.

Leave a comment

Your email address will not be published. Gerekli alanlar * ile işaretlenmişlerdir