AJAX 요청 중에 Access-Control-Request-Headers에 사용자 정의 헤더가 나타나는 이유는 무엇입니까?

액세스 제어 요청 헤더 이해

jQuery를 사용하여 AJAX를 통해 HTTP 요청을 할 때 교차 출처 요청에 대한 액세스 제어 문제를 처리하는 것이 중요합니다. . 이에 대한 한 가지 측면은 요청에 사용자 정의 헤더를 추가하는 것입니다. 흥미롭게도 FireBug를 사용하여 요청을 검사하면 해당 헤더의 예상 값 대신 사용자 지정 헤더가 Access-Control-Request-Headers 헤더에 배치되는 것으로 나타날 수 있습니다.

문제 해결

이 동작은 브라우저의 보안 조치와 AJAX 요청이 원본 간 상호 작용을 처리하는 방식에서 비롯됩니다. 이 문제를 해결하려면 제공된 답변에 설명된 단계를 따르십시오.

$.ajax({
  type: "POST",
  beforeSend: function(request) {
    request.setRequestHeader("My-First-Header", "first value");
    request.setRequestHeader("My-Second-Header", "second value");
  },
  url: url,
  data: data,
  success: function(msg) {
    alert(msg);
  }
});

beforeSend 옵션을 사용하면 요청이 전송되기 전에 요청 헤더를 설정할 수 있습니다. 이 옵션을 사용하면 사용자 정의 헤더가 요청에 직접 추가되고 Access-Control-Request-Headers 헤더에는 포함되지 않습니다.

결론

beforeSend 옵션을 사용하면 액세스 제어 문제 없이 AJAX 요청에 사용자 정의 헤더를 효과적으로 추가할 수 있습니다. 이를 통해 요청과 함께 추가 정보를 보내고 교차 출처 리소스와 안전하고 효율적으로 상호 작용할 수 있습니다.

위 내용은 AJAX 요청 중에 Access-Control-Request-Headers에 사용자 정의 헤더가 나타나는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!