En son web geliştirme öğreticiler
 

AJAX - onreadystatechange Olay


onreadystatechange olay

Bir sunucuya bir istek gönderildiğinde, biz tepki dayalı bazı eylemleri gerçekleştirmek istiyoruz.

onreadystatechange olay her seferinde readyState değişiklikler tetiklenir.

readyState özelliği XMLHttpRequest durumunu tutar.

XMLHttpRequest nesnesinin üç önemli özellikleri:

özellik Açıklama
onreadystatechange Mağazalar bir işlev (or the name of a function) her zaman otomatik olarak çağrılacak readyState özelliği değişir
readyState XMLHttpRequest durumunu tutar. 0 ila 4 değişiklikler:
0: başlatılmamış İsteği
1: sunucu bağlantısı kuruldu
2: isteği alındı
3: işlem isteği
4: bitmiş talep ve tepki hazırdır
status 200: "OK"
404 Sayfa Bulunamadı

onreadystatechange durumunda, biz sunucu yanıt işlenmeye hazır olduğunda ne olacağını belirtin.

readyState 4'tür ve durum 200 olduğunda, yanıt hazır:

Örnek

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
  if (xhttp.readyState == 4 && xhttp.status == 200) {
    document.getElementById("demo").innerHTML = xhttp.responseText;
  }
};
Kendin dene "

Note: onreadystatechange olay beş kez tetiklenir (0-4) , readyState her değişiklik için bir kez.


Bir geri arama işlevini kullanarak

Bir geri arama işlevi başka bir işlev için bir parametre olarak geçirilen bir fonksiyonudur.

Web sitenizde birden fazla AJAX görevi varsa, XMLHttpRequest nesnesi oluşturmak için TEK standart işlevi oluşturabilir ve her AJAX görev için bu çağırmalıdır.

Işlev çağrısı URL ve ne onreadystatechange üzerinde yapılacak içermelidir (which is probably different for each call) :

Örnek

function loadDoc(cFunc) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
  if (xhttp.readyState == 4 && xhttp.status == 200) {
    cFunc(xhttp);
  }
Kendin dene "