[Ajax] setRequestHeader() - HTTP 요청 헤더 값 설정하는 방법

   

 

HTTP 요청 헤더

Ajax에서는 setRequestHeader() 메소드를 사용하여 HTTP 요청 헤더의 값을 설정할 수 있습니다.

 

setRequestHeader() 메소드 문법

XMLHttpRequest객체.setRequestHeader(헤더이름, 헤더값);

 

헤더 이름은 HTTP 요청 헤더에 포함하고자 하는 헤더의 이름이며, 그 값도 같이 전달합니다.

하지만 다루기 전에 반드시 open()을 setRequestHeader 전에 호출해야하고 

그 이후에는 send() 메소드를 적어주셔야합니다.

 

 

아래 예제를 통하여 직접 한 번 HTTP 요청 헤더를 작성해보겠습니다.

<script>
    var httpRequest = new XMLHttpRequest();
    httpRequest.onreadystatechange = function() {
        if(httpRequest.readyState == XMLHttpRequest.DONE && httpRequest.status == 200) {
            document.getElementById("text").innerHTML = httpRequest.responseText;
        }
    };

    httpRequest.open("GET", "URL", true);
    httpRequest.setRequestHeader("hayan", "123");
    httpRequest.send();
</script>

 

위의 예제에서 setRequestHeader() 메소드를 추가하기 전에 open() 메소드를 이용하고

그 이후에 setRequestHeader()가 사용되어서 'hayan'이라는 헤더이름에 123이라는 값이 설정된 것이 보이시죠?

그 다음 send() 메소드를 사용하였습니다.

 

이런식으로 open() → setRequestHeader() → send() 과정으로 다루셔야합니다.