Jquery Ajax에서 요청에 헤더를 추가하는 방법은 무엇입니까?

Jquery Ajax에서 요청에 헤더를 추가하는 방법은 무엇입니까?

JQuery와 함께 Ajax에서 요청할 헤더를 추가하려고 합니다.

코드는 다음과 같습니다.

$.580달러유형: "POST",내용물유형: "application/json",URL: "http://localhost:8080/core-service/services/v1.0/환자/환자 등록",데이터: JSON.stringify(환자 DTO),//crossDomain: true,dataType: 'json',헤더: {"X-AUTH-TOKEN" : 토켄,성공: 함수(환자 DTO) {console.log("SUCCESS:", 환자 DTO);로케이션href = "필드 에이전트HRA.html";*/if(유형:(스토리지)!== "filename") {localStorage.setItem("patUrn", 환자 DTO.data);위치.href="필드 에이전트HRA.html";}},오류: 함수(e) {console.log("오류:", e);디스플레이(e);},완료: 함수(e) {enableRegisterButton(참);}});

크롬으로 검사해보니 헤더의 바디가 추가되지 않고 있습니다.

그런 다음 Requestly(Requestly는 요청에 헤더를 수동으로 추가할 수 있는 chrome+firefox 플러그인)를 사용했습니다.

머리글을 수동으로 추가한 후 :-

두 사진 모두에서 요청 헤더 x-auth-token이 "ACCESS-CONTROL-REQUEST-HEADERS"에 있지만 "X-AUTH-TOKEN" 헤더와 헤더 값이 첫 번째 사진에 없는 두 번째 사진에 있습니다.

그래서 제 질문은 JQuery로 Ajax에서 요청 헤더를 추가하는 방법입니다.

원하는 작업에 따라 몇 가지 솔루션이 있습니다.

개별 요청에 사용자 정의 헤더(또는 헤더 집합)를 추가하려면 다음을 추가합니다.headers헤더와 함께 요청을 전송하는 데 도움이 됩니다.

// Request with custom header
$.ajax({
    url: 'foo/bar',
    headers: { 'x-my-custom-header': 'some value' }
});

모든 요청에 기본 헤더(또는 헤더 집합)를 추가하려면 다음을 사용합니다.$.ajaxSetup():머리글을 추가하는 데 도움이 됩니다.

//Setup headers here and than call ajax
$.ajaxSetup({
    headers: { 'x-my-custom-header': 'some value' }
});

// Sends your ajax
$.ajax({ url: 'foo/bar' });

모든 요청에 머리글(또는 머리글 집합)을 추가한 다음 $.ajaxSetup()과 함께 보내기 후크를 사용합니다.

//Hook your headers here and set it with before send function.
$.ajaxSetup({
    beforeSend: function(xhr) {
        xhr.setRequestHeader('x-my-custom-header', 'some value');
    }
});

// Sends your ajax
$.ajax({ url: 'foo/bar' });

참조 링크: Ajax 설치

참조 링크: AjaxHeaders

언급URL : https://stackoverflow.com/questions/41929654/how-to-add-header-to-request-in-jquery-ajax