ti-enxame.com

Não é possível obter a resposta personalizada do cabeçalho HTTP do Ajax getAllResponseHeaders

Eu recebo os dados de resposta, mas não consigo meus dados de cabeçalho HTTP personalizados.

Sim, essa é uma solicitação entre domínios. Estou fazendo uma solicitação Ajax com Javascript. Eu tentei isso com XMLHttpRequest e também jQuery $ .ajax. Eu fiz as configurações do meu servidor, tenho estas definidas ao enviar dados:

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

Eu do obtenho os dados de resposta que desejo. Mas não consigo obter resposta completa do cabeçalho HTTP.

Com o PHP, defino o seguinte antes de enviar a resposta de texto. Portanto, suponho que eu deveria obtê-lo com getAllResponseHeaders ().

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

Mas aqui está o que eu tenho.

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

Está faltando o My-Own-Test. Apenas para referência, aqui está o meu Javascript:

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);

Eu até tentei com jQuery ... mesmo resultado.

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()  );
});

Ainda ... sem sorte.

Mas se eu for para o Firebug ou a Ferramenta de desenvolvedor do Chrome, posso ver que essas ferramentas retornam informações completas do cabeçalho HTTP, incluindo Content-Length, Content-Encoding, Vary, X-Powered-By, Set-Cookie, Server e, é claro, My-Own-Test.

28
Iszuddin Ismail

Quero agradecer jbl por me apontar para a direita SO questão. Compreendi agora ...

Então, ok ... a resposta. Se você quiser definir suas próprias informações de cabeçalho HTTP e buscá-las usando o Ajax entre domínios, ou algo assim, aqui estão alguns cabeçalhos HTTP extras que você deve definir no lado do servidor antes de enviar o texto da resposta.

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

O exemplo acima usa PHP. Mas use seu próprio idioma, o que quer que você use para defini-los.

Quando fiz essa pergunta, eu tinha tudo isso, exceto Access-Control-Expose-Headers. Depois de colocar isso, meu Javascript Ajax pode ler o conteúdo do HTTP Header Custom-Header.

43
Iszuddin Ismail