AJAX 쌍방향 통신을 위해 사용될 수있다 XML 파일.
AJAX XML Example AJAX XML Example
다음은 웹 페이지가 AJAX와 XML 파일에서 정보를 가져올 수 방법을 보여줍니다 :
예 설명
사용자가 클릭하면 "Get CD info" 위의 버튼은 loadDoc() 함수가 실행됩니다.
loadDoc() 함수는 생성 XMLHttpRequest 객체를 서버 응답이 준비 될 때 실행되는 함수를 추가하고, 서버에 해제 요청을 전송한다.
서버 응답이 준비 될 때, HTML 테이블 노드 (요소)가 XML 파일로부터 추출된다 내장하고, 최종적으로 갱신된다 txtCDInfo XML 데이터로 채워진 HTML 테이블 자리 :
LoadXMLDoc()
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState
== 4 && xhttp.status == 200) {
myFunction(xhttp);
}
};
xhttp.open("GET", "cd_catalog.xml", true);
xhttp.send();
}
function myFunction(xml) {
var i;
var xmlDoc = xml.responseXML;
var table="<tr><th>Artist</th><th>Title</th></tr>";
var x = xmlDoc.getElementsByTagName("CD");
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 파일
"위의 예에서 사용되는 XML 파일은 다음과 같다 cd_catalog.xml ".