jquery ajax successでレスポンスヘッダーの認証を取得するには？

Question

私は、暗号化されたユーザー名とパスワードの承認をfronで設定し、サーバーから要求ヘッダー応答ベアラー認可を取得しています。アヤックスで私はサファリの応答ヘッダーを正しく取得するようになっていますが、クロムとFirefoxではそのようなnullがあります。ベアラートークンを取得するにはchromeとfirefoxの問題のみです。その問題を解決するには？このarticelから参照し

Ajaxコード、

$.ajax({ 
      type:"POST", 
      url:url, 
      dataType: "json", 
      async:false, 
      headers:{ 
       'Authorization':'Basic '+btoa(useremail+":"+password) 
      }, 
      data:'{"datas"}', 
      success: function (data, status, request, xhr){ 
       alert(request.getResponseHeader('Authorization')); 
      } 

Answer 1

：記事の例に示すように、http://osric.com/chris/accidental-developer/2014/08/using-getresponseheader-with-jquerys-ajax-method/

はdone関数としてみてください：

$.ajax({ 
    type:"POST", 
    url:url, 
    dataType: "json", 
    async:false, 
    headers:{ 
     'Authorization':'Basic '+btoa(useremail+":"+password) 
    }, 
    data:'{"datas"}', 
}).done(function (data, textStatus, xhr) { 
    console.log(xhr.getResponseHeader('Authorization')); 
}); 

Answer 2

注意してくださいjQuery 1.8 asyncのオプションは廃止予定です。これはおそらく、なぜ起こるかについては

：CORS要求中

、getResponseHeader（）メソッドは、単純な 応答ヘッダにアクセスすることができます。

• のCache-Control
• のContent-言語
• のContent-Type
• は
• のLast-Modified
• プラグマ

期限： は次のように単純なレスポンスヘッダが定義されています

ソリューションの場合：

クライアントが他のヘッダーにアクセスできるようにするには、 にAccess Control-Expose-Headersヘッダーを使用する必要があります。このヘッダーの値 は、クライアントの に公開する応答ヘッダーのカンマ区切りリストです。

出典：https://www.html5rocks.com/en/tutorials/cors/

Answer 3

はこれを試して...

var settings = { 
    "crossDomain": true, 
    "url": url, 
    "method": "POST", 
    "headers": { 
    "content-type": "application/x-www-form-urlencoded", 
    "Authorization":"Basic "+btoa(useremail+":"+password) 
    }, 
    "data": { 
    "name": "name" 
    } 
} 

    $.ajax(settings).done(function (data,status, xhr) { 
    console.log("Authorization=> "+xhr.getResponseHeader('Authorization')); 
});