• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>Ajax Request</title>
7
    <script>
8
        var httpRequest;
9
        function sendRequest() {
10
            httpRequest = new XMLHttpRequest();
11
            httpRequest.onreadystatechange = function() {
12
                if (httpRequest.readyState == XMLHttpRequest.DONE && httpRequest.status == 200 ) {
13
                    document.getElementById("text").innerHTML = httpRequest.responseText;
14
                }
15
            };
16
            httpRequest.open("GET", "/examples/media/ajax_request_abort.php");
17
            httpRequest.send();
18
        }
19
        function abortRequest() {
20
            httpRequest.abort();
21
            document.getElementById("text").innerHTML = "Ajax 요청을 취소했습니다.";
22
        }
23
    </script>
24
</head>
25
​
26
<body>
27
​
28
    <h1>Ajax 요청의 취소</h1>
29
    <button type="button" onclick="sendRequest()">Ajax 요청 보내기!</button>
30
    <button type="button" onclick="abortRequest()">Ajax 요청 취소!</button>
31
    <p id="text"></p>
32
33
</body>
34
​
35
</html>