AJAX XML örneği

AJAX, XML dosyalarıyla etkileşimli iletişim kurmak için kullanılır.

AJAX XML örneği

Aşağıdaki örnek, web sayfasının AJAX yoluyla XML dosyasından bilgi okumasını nasıl gerçekleştirdiğini gösterir:

Örnek

Kendi Kendine Deneyin

Örnek Açıklama

Kullanıcı "CD Bilgilerini Al" düğmesine tıkladığında loadDoc() fonksiyonu çalıştırılır.

loadDoc() fonksiyonu XMLHttpRequest nesnesi oluşturur,服务器响应就绪时执行的函数添加，并向服务器发送请求。

Servis yanıtlandığında HTML tablosunu oluşturun, XML dosyasından düğüm (faktör) çıkarın ve son olarak XML verileriyle doldurulmuş HTML tablosunu "demo" elementine güncelleyin:

LoadXMLDoc()

function loadDoc() {
  var xhttp = new XMLHttpRequest();
   xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
    myFunction(this);
     }
  };
  xhttp.open("GET", "music_list.xml", true);
  xhttp.send();
}
function myFunction(xml) {
  var i;
  var xmlDoc = xml.responseXML;
  var table="<tr><th>Sanatçı</th><th>Şarkı</th></tr>";
  var x = xmlDoc.getElementsByTagName("TRACK");
  for (i = 0; i <x.length;  i++) { 
    table += "<tr><td>" +
    x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue  +
    "</td><td>" +
    x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue  +
    "</td></tr>";
  }
   document.getElementById("demo").innerHTML = table;
}

XML Dosyası

Önceki örnekte kullanılan XML dosyası şu şekilde benzer: "music_list.xml".