AJAX를 사용하여 XML 파일과 대화식으로 통신할 수 있습니다.
AJAX XML 예
다음 예에서는 웹 페이지가 AJAX를 사용하여 XML 파일에서 정보를 읽는 방법을 보여줍니다.
예
분석 예 - loadXMLDoc() 함수
사용자가 위의 "내 컬렉션 CD 가져오기" 버튼을 클릭하면 loadXMLDoc() 함수가 실행됩니다.
loadXMLDoc() 함수는 XMLHttpRequest 객체를 생성하고, 서버 응답이 준비되면 실행되는 함수를 추가하고, 서버에 요청을 보냅니다.
서버 응답이 준비되면 HTML 테이블이 작성되고 XML 파일에서 노드(요소)가 추출되며 마지막으로 id="demo"인 테이블 요소가 XML 데이터로 채워집니다.
XML 문서를 비동기식으로 로드
기능 로드XMLDoc ( ) { var xhttp = 새로운 XMLHttpRequest ( ) ; xhttp .onreadystatechange = 함수 ( ) { 만약에 ( this .readyState == 4 && this . status == 200 ) { myFunction ( 이것 ) } } ; xhttp 열기 ( " GET " , " cd_catalog.xml " , true ) ;기능 myFunction ( xml ) { var 나는 ; xmlDoc = xml . table = " <tr>
<th> 아티스트</th><th>제목</th></tr> " ; x = xmlDoc .getElementsByTagName ( " CD " ) ; ( i = 0 ; i < x . 길이 ; i ++ ) { table + = " <tr> <td> " + x [ i ] . getElementsByTagName ( " ARTIST " ) [ 0 ] . nodeValue + " </td> <td> " + x [ i ] . ( " 제목 " ) [ 0 ] . childNodes [ 0 ] . nodeValue + " </td></tr> " ; } document.getElementById ( " 데모 " ) .innerHTML = 테이블 } AJAX 서버 페이지
위 예제에 사용된 서버 페이지는 실제로 "cd_catalog.xml"이라는 XML 파일입니다.
