Ajax에서 사용자 지정 HTTP 헤더 응답을 가져올 수 없음 getAllResponseHeaders

Ajax에서 사용자 지정 HTTP 헤더 응답을 가져올 수 없음 getAllResponseHeaders

응답 데이터는 가져오지만 사용자 지정 HTTP 헤더 데이터는 가져올 수 없습니다.

예, 도메인 간 요청입니다.나는 Javascript로 Ajax 요청을 하고 있습니다.XMLHttpRequest와 jQuery$.ajax를 함께 사용해 보았습니다.서버 설정을 수행했으며 데이터를 보낼 때 다음과 같이 설정합니다.

Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: POST, GET

저는 제가 원하는 응답 데이터를 받습니다.하지만 HTTP 헤더 응답을 완전히 받을 수 없습니다.

저는 PHP로 문자 응답을 보내기 전에 다음과 같이 설정했습니다.그래서 getAllResponseHeaders()와 함께 받아야 한다고 생각합니다.

header('Expires: 0');
header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
header('My-Own-Test: nodatahere');

하지만 제가 얻은 것은 이렇습니다.

Content-Type: text/plain; charset=x-user-defined
Cache-Control: must-revalidate, post-check=0, pre-check=0
Expires: 0

그것은 빠졌습니다.My-Own-Test참고로 제 자바스크립트는 다음과 같습니다.

var formData = new FormData();
formData.append('username', 'my_username');
formData.append('book_id', 'test password');
var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://mydomain.com/proc.php', true);
xhr.overrideMimeType("text/plain; charset=x-user-defined");
xhr.onload = function(e) { 
    console.log(this.getAllResponseHeaders());
};
xhr.send(formData);

jQuery랑도 해봤어요같은 결과

var data_to_send = {
    username: 'my_username',
    password: 'test_password'
};
var ajaxObj;
ajaxObj = $.ajax({
    url: "https://mydomain.com/proc.php",
    data: data_to_send,
    type: "POST", 
    beforeSend: function ( xhr ) {
        xhr.overrideMimeType("text/plain; charset=x-user-defined");
    }
})
.done(function ( data ) {
    console.log( ajaxObj.getAllResponseHeaders()  );
});

그래도...운이 없습니다.

그러나 Firebug 또는 Chrome의 개발자 도구를 통해 확인하면 해당 도구가 다음을 포함한 전체 HTTP 헤더 정보를 반환합니다.Content-Length,Content-Encoding,Vary,X-Powered-By,Set-Cookie,Server,그리고 물론.My-Own-Test.

올바른 SO 질문을 알려준 jbl에게 감사드립니다.이제 알겠어요...

자, 좋아요... 정답입니다.HTTP 헤더 정보를 직접 설정한 다음 도메인 간 Ajax 등을 사용하여 가져오려면 응답 텍스트를 보내기 전에 서버 측에서 추가로 설정해야 하는 HTTP 헤더가 있습니다.

header('Access-Control-Allow-Origin: *');
header("Access-Control-Allow-Methods: POST, GET");      
header('Custom-Header: Own-Data');
header('Access-Control-Expose-Headers: Custom-Header');

위의 예는 PHP를 사용합니다.하지만 당신이 그것들을 설정하기 위해 사용하는 것은 무엇이든 당신만의 언어를 사용하세요.

내가 이 질문을 했을 때, 나는 그것을 제외한 모든 것을 가지고 있었습니다.Access-Control-Expose-Headers그것을 넣은 후에, 나의 Javascript Ajax는 HTTP Header Custom-Header의 내용을 읽을 수 있습니다.

언급URL : https://stackoverflow.com/questions/15042439/cant-get-custom-http-header-response-from-ajax-getallresponseheaders