title: How to get response headers authorization in jquery ajax success?
body: <p>I'm setting encrypted username and password authorization in fron end and getting request header response bearer authorization from server. In ajax i'm getting to get that response header in safari correctly but in chrome and firefox its like a null. The problem only in chrome and firefox to get bearer token. How to fix that issues?</p>
  
  <p>Ajax code,</p>
  
  <pre><code>$.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'));
              }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/R2U3U.jpg" rel="nofollow"><img src="https://i.stack.imgur.com/R2U3U.jpg" alt="enter image description here"></a> </p>