• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>Ajax Response Header</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
                    document.getElementById("text").innerHTML = httpRequest.responseText;
13
                    document.getElementById("header").innerHTML = httpRequest.getAllResponseHeaders();
14
                    document.getElementById("user").innerHTML = "testheader: " + httpRequest.getResponseHeader("testheader");
15
                }
16
            };
17
            httpRequest.open("GET", "/examples/media/ajax_response_header.php", true);
18
            httpRequest.send();
19
        }
20
    </script>
21
</head>
22
​
23
<body>
24
​
25
    <h1>HTTP 응답 헤더</h1>
26
    <button type="button" onclick="sendRequest()">Ajax 요청 보내기!</button>
27
    <p id="text"></p>
28
    <p id="header"></p>
29
    <p id="user"></p>
30
31
</body>
32
​
33
</html>