• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>Ajax Request</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
                }
14
            };
15
            // POST 방식의 요청은 데이터를 Http 헤더에 포함시켜 전송함.
16
            httpRequest.open("POST", "/examples/media/request_ajax.php", true);
17
            httpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
18
            httpRequest.send("city=Seoul&zipcode=06141");
19
        }
20
    </script>
21
</head>
22
​
23
<body>
24
​
25
    <h1>POST 방식의 요청</h1>
26
    <button type="button" onclick="sendRequest()">POST 방식으로 요청 보내기!</button>
27
    <p id="text"></p>
28
29
</body>
30
​
31
</html>