XML 데이터 처리 방법

 

서버의 응답이 XML 형태의 데이터라면 XML DOM을 사용하여 XML 데이터를 파싱하여 처리한다.

function loadXMLDoc(url) {

    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> </td>";

                }

                xx=x[i].getElementsByTagName("ARTIST");
      
                try {
                    txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
                } catch (er) {
                    txt=txt + "<td> </td>";
                }
                txt=txt + "</tr>";
            }
            txt=txt + "</table>";
            document.getElementById('txtCDInfo').innerHTML=txt;
        }
    }
    xmlhttp.open("GET",url,true);
    xmlhttp.send();
}

 출처 : http://www.w3schools.com/ajax/ajax_xmlfile.asp

 

 XML DOM을 사용하여 XML 데이터에 접근하는 방법은 XML DOM을 참고