AJAX XMLHttpRequest

< Önceki Sonraki >

AJAX - XMLHttpRequest nesnesi hakkında

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()
  {
  // 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:

DurumAçıklama
0istek başlatılmadı
1istek ayarlandı
2istek gönderildi
3istek işlemde
4istek 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()
  {
  if(xmlHttp.readyState==4)
    {
    // Veriyi sunucu yanıtından al
    }
  }

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;
    }
  }

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


< Önceki Sonraki >
ajax nasıl, ajax tutorial, ajax how to, ajax örneği, ajax lessons, ajax, ajax nedir, learn ajax, ajax programlama, ajax örnekleri, ajax dersleri, ajax kodları, ajax dersi, ajax öğren,