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 "