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

JavaScript 및 jQuery를 사용하는 Ajax 요청의 사용자 정의 HTTP 헤더

Ajax 요청에 사용자 정의 HTTP 헤더를 추가하면 개발자가 아웃바운드 요청에 추가 정보를 첨부할 수 있습니다. JavaScript와 jQuery는 이러한 사용자 정의를 달성하기 위한 다양한 방법을 제공합니다.

개별 요청에 사용자 정의 헤더 추가

특정 요청에 대해 HTTP 헤더를 지정하려면 요청을 만들 때 헤더 속성을 활용하세요. Ajax 호출:

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

모두에 대한 기본 헤더 설정 요청

$.ajaxSetup()을 사용하면 모든 후속 Ajax 요청에 적용할 수 있는 기본 헤더를 설정할 수 있습니다.

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

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

// Overwrites the default header with a new header
$.ajax({ url: 'foo/bar', headers: { 'x-some-other-header': 'some value' } });

beforeSend Hook을 사용하여 모든 요청에 ​​헤더 추가

모든 Ajax 요청에 헤더를 적용하는 또 다른 접근 방식은 다음과 같습니다. beforeSend 후크:

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

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

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

ajaxSetup에 대한 참고 사항:

ajaxSetup은 기본 헤더의 단일 세트를 설정하고 beforeSend 콜백을 호출하는 것만 허용한다는 점을 언급할 가치가 있습니다. ajaxSetup을 여러 번 호출하면 마지막으로 정의된 헤더와 beforeSend 함수만 적용됩니다.

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