AJAX İle XMLHttpRequest Nesnesi
Sunucuya veri göndermeden önce, XMLHttpRequest nesnesinin üç önemli özelliğini açıklamamız gerekiyor.
onreadystatechange özelliği
Sunucuya 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:
xmlHttp.onreadystatechange=function() |
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:
xmlHttp.onreadystatechange=function() |
responseText özelliği
Sunucudan gelen veri responseText özelliği ile alınabilir.
Kodumuzda "time" form değişkenimizin değerini responseText değerine eşitleyeceğiz:
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
document.myForm.time.value=xmlHttp.responseText;
}
}
AJAX Dersleri
- AJAX Nedir ?
- AJAX Http İstemleri
- AJAX Örneği
- AJAX Tarayıcı Desteği
- AJAX İle XMLHttpRequest Nesnesi
- AJAX İle Sunucuya İstek Göndermek
- AJAX İle Öneri
- AJAX Öneri Kaynak Kodu
- 30 Saniyede AJAX
- AJAX Asenkron ve Senkron Meselesi
- AJAX - XML’e Giriş
- AJAX - XML ile Çalışmak
- Ajax İle Filtreleme
- AJAX İle Dosya Göndermek
- AJAX İle Yerinde Düzenleme
- AJAX ile Eş Zamanlı Form Kontrolü
- AJAX Puanlama Uygulaması