XML HttpRequest

Tüm modern tarayıcılar, sunucudan veri talep etmek için yerleşik XMLHttpRequest nesnesine sahiptir.

XMLHttpRequest nesnesi

XMLHttpRequest nesnesi, Web sunucusundan veri talep etmek için kullanılabilir.

XMLHttpRequest nesnesiGeliştiricilerin Rüyasıçünkü

• Web sayfasını güncelle - Sayfa yeniden yüklenmeden
• Verileri sunucudan istek - Sayfa yüklendikten sonra
• Verileri sunucudan al - Sayfa yüklendikten sonra
• Verileri sunucuya gönder - Arka planda

XMLHttpRequest örneği

Aşağıdaki giriş alanında karakterler yazdığınızda, XMLHttpRequest sunucuya gönderilir ve bazı ad önerileri (sunucudan) döner:

Örnek

Lütfen aşağıdaki giriş alanına adınızı girin:

XMLHttpRequest gönder

Aşağıda, XMLHttpRequest nesnesini kullanmanın yaygın JavaScript dilbilgisi gösterilir:

Örnek

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       // Belge hazır olduğunda gerçekleştirilecek tipik eylem:
       document.getElementById("demo").innerHTML = xhttp.responseText;
    }
};
xhttp.open("GET", "filename", true);
xhttp.send();

Kişisel olarak deneyin

örnek açıklaması

Üstteki örnekteki ilk satır, bir XMLHttpRequest nesnesi:

var xhttp = new XMLHttpRequest();

onreadystatechange Özellik, her seferinde XMLHttpRequest nesnesinin durumu değiştiğinde çalıştırılacak fonksiyonu belirtir:

xhttp.onreadystatechange = function()

şu anda readyState Özellik 4 ve status Özellik 200 olduğunda, yanıt hazır:

if (this.readyState == 4 && this.status == 200)

responseText Özellikler metin dizisi olarak sunucu yanıtı olarak döndürülür.

Metin dizileri web sayfasını güncellemek için kullanılabilir:

document.getElementById("demo").innerHTML = xhttp.responseText;

Bu eğitim dersinde XMLHttpRequest nesnesi hakkında daha fazla şey öğreneceksiniz.