Пример AJAX XML

Автор：Eve Cole Время обновления：2024-12-26 09:42:11

AJAX можно использовать для интерактивного взаимодействия с файлами XML.

Пример AJAX XML

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

Пример

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

Когда пользователь нажимает кнопку «Получить компакт-диск моей коллекции» выше, будет выполнена функция loadXMLDoc().

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

Когда ответ сервера готов, создается таблица HTML, узлы (элементы) извлекаются из файла XML и, наконец, элемент таблицы с id="demo" заполняется данными XML:

Асинхронная загрузка XML-документов

функция загрузитьXMLDoc ( ) { вар xhttp = новый XMLHttpRequest ( ) xhttp . onreadystatechange = функция ( ) ; { если ( this.readyState == 4 && this.status == 200 ) { моя функция ( это ) ; } ; xhttp.open ( " GET " , " cd_catalog.xml " , правда ) ; xhttp .функция мояФункция ( xml ) { вар я ; вар xmlDoc = XML - ответ вар ; table = " <tr><th>Исполнитель</th><th>Название</th></tr> " var ; x = xmlDoc.getElementsByTagName ( " CD " ) ; ( я знак равно 0 ; я < x . длина ; я ++ ) { table + = " <tr> <td> " + x [ i ] . getElementsByTagName ( " ARTIST " ) [ 0 ] . nodeValue + " </td> <td> " + x [ i ] . ( " TITLE " ) [ 0 ] . childNodes [ 0 ] . nodeValue + " </td></tr> " ; } document.getElementById ( " демо " ) .

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

Страница сервера, используемая в приведенном выше примере, на самом деле представляет собой XML-файл с именем «cd_catalog.xml».