AJAX mtaani ya XML

AJAX 可用于同 XML 文件进行交互式通信。

AJAX mtaani ya XML

下面的例子演示网页如何通过 AJAX 从 XML 文件读取信息：

实例

亲自试一试

例子解释

当用户点击“获取 CD 信息”按钮时，执行 loadDoc() 函数。

loadDoc() 函数创建 XMLHttpRequest 对象，添加当服务器响应就绪时执行的函数，并向服务器发送请求。

Kisha cha kushika vizuri cha HTML, kutoka matukio ya faili ya XML (ingizo), na kisha kusaidia kufungua tabia ya HTML ya kufikia kwa matumizi ya kifaa cha 'demo':

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>Artista</th><th>Mwongozo</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;
}

Maelezo ya XML

Kwa matokeo yaliyotumiwa kwenye maelezo hii inaonekana kama hii:"music_list.xml"。