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

JavaScript 또는 jQuery로 HTTP 헤더 사용자 정의

Ajax 개발 영역에서 사용자 정의 HTTP 헤더를 추가하거나 조작하는 기능은 원격 서비스 또는 데이터 전송 향상. 이러한 요구를 해결하기 위해 JavaScript와 jQuery는 개발자가 특정 요구 사항에 따라 헤더를 맞춤화할 수 있는 다양한 솔루션을 제공합니다.

개별 요청 사용자 정의

특정 Ajax 요청에 사용자 정의 헤더를 추가하려는 경우 , $.ajax() 함수 내에서 headers 속성을 활용하세요. 키-값 쌍을 지정하여 원하는 헤더를 정의할 수 있습니다.

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

기본 헤더 구성

모든 후속 Ajax 요청에 적용되는 기본 헤더를 설정하려면 $.ajaxSetup()을 사용하세요. 방법. 이를 통해 모든 요청에 ​​자동으로 추가되는 헤더의 전역 정의가 가능해집니다.

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

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

개별 요청 내에 정의된 모든 헤더는 기본 헤더를 재정의합니다.

사전 요청 beforeSend를 사용한 후크

또는 $.ajaxSetup() 내의 beforeSend 후크를 활용하여 각 헤더 전에 동적으로 헤더를 수정할 수 있습니다. 요구. 이 후크는 헤더 조작에 대한 더 많은 유연성과 제어를 제공합니다.

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

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

ajaxSetup()에 대한 여러 호출은 마지막 기본 헤더 세트만 적용하고 마지막 beforeSend 콜백을 실행한다는 점을 기억하세요.

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