• 코드:
​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 = new XMLHttpRequest();
10
            httpRequest.onreadystatechange = function() {
11
                if (httpRequest.readyState == XMLHttpRequest.DONE && httpRequest.status == 200 ) {
12
                    // XML 문서의 응답 처리에 responseText 속성을 사용하면 XML 코드를 문자열로 반환함.
13
                    document.getElementById("text").innerHTML = httpRequest.responseText;
14
                    // XML 문서의 응답 처리는 responseXML 속성을 사용해야 함.
15
                    document.getElementById("xml").innerHTML = httpRequest.responseXML;
16
                }
17
            };
18
            httpRequest.open("GET", "/examples/media/ajax_doctype_xml.php");
19
            httpRequest.send();
20
        }
21
    </script>
22
</head>
23
​
24
<body>
25
​
26
    <h1>responseXML 속성</h1>
27
    <button type="button" onclick="sendRequest()">Ajax 요청 보내기!</button>
28
    <p>Ajax에서 XML 문서의 응답 처리는 responseXML 속성을 사용하여 처리합니다.</p>
29
    <textarea id="text" rows="5" cols="50"></textarea>
30
    <p id="xml"></p>
31
32
</body>
33
​
34
</html>