> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 및 jQuery의 Ajax 요청에 사용자 정의 HTTP 헤더를 추가하는 방법은 무엇입니까?

JavaScript 및 jQuery의 Ajax 요청에 사용자 정의 HTTP 헤더를 추가하는 방법은 무엇입니까?

DDD
풀어 주다: 2024-11-24 06:09:14
원래의
681명이 탐색했습니다.

How to Add Custom HTTP Headers to Ajax Requests in JavaScript and jQuery?

JavaScript 및 jQuery 요청에서 사용자 정의 HTTP 헤더 탐색

질문:

사용자 정의 HTTP 헤더를 생성하거나 추가하는 방법 JavaScript를 사용하여 Ajax 요청에 또는 jQuery?

답변:

JavaScript와 jQuery는 Ajax 요청에 사용자 정의 헤더를 추가할 수 있는 다양한 옵션을 제공합니다. 다음은 다양한 접근 방식입니다.

  • 개별 요청 헤더: 특정 요청에 헤더를 추가하려면 헤더 속성을 사용하세요.
$.ajax({
    url: 'foo/bar',
    headers: { 'x-my-custom-header': 'some value' }
});
로그인 후 복사
  • 모든 요청에 ​​대한 기본 헤더: 모든 요청에 ​​대해 기본 헤더를 설정하려면 요청하려면 $.ajaxSetup()을 사용하세요.
$.ajaxSetup({
    headers: { 'x-my-custom-header': 'some value' }
});

// Sends your custom header
$.ajax({ url: 'foo/bar' });
로그인 후 복사
  • beforeSend Hook for Custom Headers: 이 메소드를 사용하면 각 요청 앞에 헤더를 추가할 수 있습니다.
$.ajaxSetup({
    beforeSend: function(xhr) {
        xhr.setRequestHeader('x-my-custom-header', 'some value');
    }
});

// Sends your custom header
$.ajax({ url: 'foo/bar' });
로그인 후 복사

추가 고려 사항:

  • ajaxSetup()을 사용하면 기본 헤더 세트를 하나만 정의할 수 있습니다.
  • beforeSend를 사용하면 여러 헤더를 설정하고 사용자 정의 논리를 가질 수 있습니다. 요청하세요.

위 내용은 JavaScript 및 jQuery의 Ajax 요청에 사용자 정의 HTTP 헤더를 추가하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿