AJAX XMLHttpRequest

AJAX – XMLHttpRequest nesnesi hakkında
Sunucuya veri göndermeden önce, XMLHttpRequest nesnesinin üç önemli özelliğini açıklamamız gerekiyor.
onreadystatechange özelliğiSunucuya bir istek gönderilmesinden sonra, sunucudan dönen veriyi alabilecek bir işleve ihtiyacımız var.
onreadystatechange özelliği sunucunun yanıtını işleyecek olan fonksiyonu tutar. Aşağıdaki kod boş bir fonksiyon tanımlar ve aynı zamanda onreadystatechange özelliğini ayarlar:

Kod Çizelgesi Kod Dili: html


xmlHttp.onreadystatechange=function()
{
// Buraya kod yazacağız
}


readyState özelliği
readyState özelliği sunucu yanıtının durumunu tutar. readyState her değiştiğinde onreadystatechange fonksiyonu çalıştırılır.
readyState özelliği için mümkün olan değerler şunlardır:
Durum Açıklama
0 istek başlatılmadı
1 istek ayarlandı
2 istek gönderildi
3 istek işlemde
4 istek tamamlandı
Sunucudan gelen yanıtın tamamlandığını (veriyi alabileceğimiz durumu) kontrol etmek için onreadystatechange işlevimize bir If ifadesi ekleyeceğiz:

Kod Çizelgesi Kod Dili: html

xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
// Veriyi sunucu yanıtından al
}
}

responseText özelliğiSunucudan gelen veri responseText özelliği ile alınabilir.
Kodumuzda “time” form değişkenimizin değerini responseText değerine eşitleyeceğiz:

Kod Çizelgesi Kod Dili: html


xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
document.myForm.time.value=xmlHttp.responseText;
}
}

Sonraki konu sunucudan nasıl veri isteyeceğimizi gösterir!

Dipnot

Bu yazı 8 Haziran 2010 Salı günü yazılmıştır. Bulunduğu kategori : Ajax,HttpRequest,java,javascript,xml,xmlhttprequest. Yazdığım yazıları RSS 2.0 sistemini kullanarak takip edebilir, dilerseniz yorum yapabilirsiniz. Unutmadan, Bu yazı sizler tarafından tam tamına defa okunmuştur.