AJAX 요청 방법

1. XMLHttpRequest(XHR) 사용

<script>
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() { // Call a function when the state changes.
    if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
        // Request finished. Do processing here.
    }
}
xhr.open('GET', 'https://www.naver.com/');
xhr.withCredentials = true; // 세션ID 포함
xhr.send();
</script>

<script>
ar xhr = new XMLHttpRequest();
xhr.open("POST", '/server', true);
xhr.withCredentials = true; // 세션ID 포함

//Send the proper header information along with the request
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

xhr.onreadystatechange = function() { // Call a function when the state changes.
    if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
        // Request finished. Do processing here.
    }
}

xhr.send("foo=bar&lorem=ipsum");
// xhr.send(new Int8Array()); 
// xhr.send(document);
</script>

2. jQuery를 이용한 ajax 사용 (https://api.jquery.com/jquery.ajax/)

 

3. Fetch (https://developer.mozilla.org/ko/docs/Web/API/Fetch_API/Fetch의_사용법)

: XSS 응용할 때 간편