JavaScript 또는 jQuery의 Ajax 요청에 사용자 정의 HTTP 헤더를 어떻게 추가할 수 있습니까?

JavaScript 또는 jQuery를 사용하여 Ajax 요청에 사용자 정의 HTTP 헤더 추가

웹 개발에서는 Ajax 요청에 사용자 정의 HTTP 헤더를 추가해야 하는 경우가 많습니다. . JavaScript 또는 jQuery를 사용하여 이를 수행하는 방법은 다음과 같습니다.

옵션 1: 개별 요청에 헤더 추가(jQuery)

jQuery를 사용하여 특정 요청에 사용자 정의 헤더를 추가하는 경우 , $.ajax() 내의 "headers" 속성에 할당합니다. 함수:

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

옵션 2: 모든 요청에 ​​대한 기본 헤더 설정(jQuery)

모든 Ajax 요청에 대한 기본 헤더를 설정하려면 $.ajaxSetup을 사용하세요. () 함수에 "헤더" 속성이 포함됨:

$.ajaxSetup({
    headers: { 'x-my-custom-header': 'some value' }
});

후속 $.ajax() 호출은 명시적으로 재정의되지 않는 한 이 헤더를 상속합니다.

옵션 3: 모든 요청에 ​​헤더 추가(beforeSend Hook)

beforeSend를 사용할 수도 있습니다. $.ajaxSetup()을 사용하여 모든 요청에 ​​헤더를 추가합니다.

$.ajaxSetup({
    beforeSend: function(xhr) {
        xhr.setRequestHeader('x-my-custom-header', 'some value');
    }
});

이를 통해 다음을 수행할 수 있습니다. 각 요청 전에 동적으로 헤더를 설정합니다.

중요 사항:

$.ajaxSetup()을 사용할 때 마지막 헤더 세트와 마지막 헤더 세트만 기억하는 것이 중요합니다. $.ajaxSetup()을 여러 번 호출하면 beforeSend 콜백이 실행됩니다.

위 내용은 JavaScript 또는 jQuery의 Ajax 요청에 사용자 정의 HTTP 헤더를 어떻게 추가할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!