[Jquey]Ajax 통신시 Header값 추가하기

in Study on etc


Ajax통신을 할 때 ApiKey나 Content-type등을 헤더 부분에 추가해야 할 상황이 있다. 이때는 beforeSend를 사용해서 쉽게 처리가 가능하다.

만약 header부분에 Content-type과 JWT을 추가한다고 가정해보자 그럼 다음과 같이 코드를 작성할 수 있다.

function before() {
    var token = localStorage.getItem("token");
    $.ajax({
        type: "GET",
        url: "/api/me",
        beforeSend: function (xhr) {
            xhr.setRequestHeader("Content-type","application/json");
            xhr.setRequestHeader("Authorization","JWT " + token);
        },
        success: function (res) {
            console.log(res);
        }
    });
}