• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>Ajax Doctype</title>
7
    <script>
8
        function sendRequest() {
9
            var httpRequest, xmlData, result, i;
10
            httpRequest = new XMLHttpRequest();
11
            httpRequest.onreadystatechange = function() {
12
                if (httpRequest.readyState == XMLHttpRequest.DONE && httpRequest.status == 200 ) {
13
                    xmlData = httpRequest.responseXML;
14
                    document.getElementById("text").innerHTML =
15
                        xmlData.getElementsByTagName("b")[0].firstChild.nodeValue;
16
                        // XML 데이터의 첫 번째 <b>태그의 텍스트 노드의 값을 반환함.
17
                }
18
            };
19
            httpRequest.open("GET", "/examples/media/ajax_doctype_xml.php");
20
            httpRequest.send();
21
        }
22
    </script>
23
</head>
24
​
25
<body>
26
​
27
    <h1>XML 데이터의 응답 처리</h1>
28
    <button type="button" onclick="sendRequest()">Ajax 요청 보내기!</button>
29
    <p>Ajax에서는 서버로부터 응답으로 받은 XML 데이터를 XML DOM 객체로 반환하여 처리할 수 있습니다.</p>
30
    <p id="text"></p>
31
32
</body>
33
​
34
</html>