無法在 javascript onreadystatechange 中讀取自定義 http 標頭？

Question

當我試圖讀取自定義 http headers.i 時，我正在為空。

澤西認證資源：-

   @Path("/redirect")
   public class RedirectDemo {
   @POST
   @Consumes(MediaType. APPLICATION_JSON )
   public Response getRedirect(@Context ServletContext context,UserTO user) {
   UriBuilder builder = UriBuilder.fromPath(context.getContextPath());
   System. out .println("User name is:"+user.getUserName());
   System. out .println("Password is:"+user.getPassword());
   builder.path("/main.html");
   return Response
   .status(Response.Status. SEE_OTHER )
   .header(HttpHeaders. AUTHORIZATION ,"Response authorize")
   .header("Access-Control-Allow-Origin", "*")
   .header("Access-Control-Allow-Methods", "GET, POST,
   DELETE, PUT")
   .header("Access-Control-Expose-
   Headers",HttpHeaders. AUTHORIZATION )
   .header(HttpHeaders. LOCATION , builder.build())
   .build();
   }
  }

登錄 – 頁面 :-

   <! DOCTYPE html>
   <html>
   <head>
   <meta charset="UTF-8">  
   <title>Login</title>
   </head>
   <body>
   <div class="container-test">
   <h3>
    <strong>iDNS</strong>
   </h3>
   </div>
   <div class="container">
   <form class="form-signin" id="loginForm" name="loginForm"
   action="/JerseyPageRedirection/redirect/redirect" method="post"
   id="login_form">
   <div class="errmsg text-center"></div>
   <label for="inputEmail">Email address</label> <input
   type="email"
   id="emailId" class="form-control" name="emailId"<label
    type="password"
    placeholder="Email address" required autofocus> <br>
   for="inputPassword">Password</label> <input
   id="password" class="form-control" name="password"
   placeholder="Password" required> <br>
   <!-- id="login-submit" -->
   <button type="button" class="btn btn-lg btn-primary btn-block"
   onclick="doLogin()">Sign in</button>
   </form>
   </div>
   <script>
   function doLogin() {
   var userName = window
   .btoa(document.getElementById('emailId').value);
   var password = window
   .btoa(document.getElementById('password').value);
   var formData = JSON.stringify({
         userName : userName,
         password : password
     });
    var xhr = new XMLHttpRequest();
     xhr.open("POST", "/JerseyPageRedirection/redirect/redirect");
     xhr.setRequestHeader("Content-type", "application/json");
     xhr.send(formData);
     xhr.onreadystatechange = function() {
     console.log(xhr.getResponseHeader("Authorization"));//null
     window.location.href = xhr.responseURL;//Redirect works
     }
    }
    </script>
     </body>
     </html>

標題：-

問題：-

  I am unable read Authorization header content.

我只想在 javascript 中讀取標頭值。 提前致謝。

Answer 1

如果有人仍在尋找答案，您需要在響應旁邊設置“Access-Control-Expose-Headers”。 例如：

Access-Control-Expose-Headers: Content-Type,Authorization,X-RateLimit-Limit,X-RateLimit-Remaining,X-RateLimit-Reset

Answer 2

改變你的回調：

xhr.onreadystatechange = function() {
      if(xhr.readyState == 4){//if you are looking only for HTTP 200, then add condition xhr.status == 200
         console.log(xhr.getResponseHeader("Authorization"));//will get your response header
         window.location.href = xhr.responseURL;//Redirect works
      }
  }

注意： readyState保存XMLHttpRequest的狀態。 從 0 到 4 的變化：

0：請求未初始化

1：服務器連接建立

2：收到請求

3：處理請求

4：請求完成，響應准備好

無法在 javascript onreadystatechange 中讀取自定義 http 標頭？

問題描述

2 個解決方案

解決方案1
2 2016-07-28 12:58:04

解決方案2
0 2015-12-24 04:44:39

無法在 javascript onreadystatechange 中讀取自定義 http 標頭？

問題描述

2 個解決方案

解決方案1 2 2016-07-28 12:58:04

解決方案2 0 2015-12-24 04:44:39

解決方案1
2 2016-07-28 12:58:04

解決方案2
0 2015-12-24 04:44:39