Latest web development tutorials

AJAX XML

АЯКС может быть использован для общения в интерактивном режиме с файлом XML.


экземпляр XML AJAX

В следующем примере показано, как использовать веб-страницу AJAX для чтения информации из файла XML:

примеров


Попробуйте »


Примеры анализа - функция loadXMLDoc ()

Когда пользователь нажимает на кнопку "Получение информации CD" будет выполнять функцию loadXMLDoc ().

Функция loadXMLDoc () для создания объекта XMLHttpRequest, добавить функцию, которая будет выполнена, когда ответ сервер готов, и отправляет запрос на сервер.

Когда ответ сервера будет готов, он будет строить HTML-таблицу, извлеченный узел (элемент) из файла XML, а затем использовать форму HTML была заполнена в данных XML для обновления txtCDInfo заполнители:

function loadXMLDoc(url)
{
var xmlhttp;
var txt,xx,x,i;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
txt="<table border='1'><tr><th>Title</th><th>Artist</th></tr>";
x=xmlhttp.responseXML.documentElement.getElementsByTagName("CD");
for (i=0;i<x.length;i++)
{
txt=txt + "<tr>";
xx=x[i].getElementsByTagName("TITLE");
{
try
{
txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
}
catch (er)
{
txt=txt + "<td>&nbsp;</td>";
}
}
xx=x[i].getElementsByTagName("ARTIST");
{
try
{
txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
}
catch (er)
{
txt=txt + "<td>&nbsp;</td>";
}
}
txt=txt + "</tr>";
}
txt=txt + "</table>";
document.getElementById('txtCDInfo').innerHTML=txt;
}
}
xmlhttp.open("GET",url,true);
xmlhttp.send();
}


страница сервера AJAX

Приведенный выше пример использует сервер страницы на самом деле является " под названием cd_catalog.xml " файл XML.