• 코드:
​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
            // GET 방식으로 요청을 보내면서 데이터를 동시에 전달함.
16
            httpRequest.open("GET", "/examples/media/request_ajax.php?city=Seoul&zipcode=06141", true);
17
            httpRequest.send();
18
        }
19
    </script>
20
</head>
21
​
22
<body>
23
​
24
    <h1>GET 방식의 요청</h1>
25
    <button type="button" onclick="sendRequest()">GET 방식으로 요청 보내기!</button>
26
    <p id="text"></p>
27
28
</body>
29
​
30
</html>