html - How to get HTTP header from Javascript? - Stack Overflow

admin管理员组

文章数量:1344518

I have a Tomcat server that only serves static files(html, css, js). When the request es in it gets intercepted by a proxy server. Proxy server authenticates the user and adds a userId field to the header and forwards it my Tomcat server.

How can I access userId that has been stored in the header from javascript?

Thank you

I have a Tomcat server that only serves static files(html, css, js). When the request es in it gets intercepted by a proxy server. Proxy server authenticates the user and adds a userId field to the header and forwards it my Tomcat server.

How can I access userId that has been stored in the header from javascript?

Thank you

• javascript
• html
• proxy
• http-headers

Share Improve this question Follow asked Jun 4, 2014 at 17:57 gumenimedagumenimeda 83577 gold badges1616 silver badges4343 bronze badges 3

• Javascript is executed on the client side. Unless you send back the userid as part of the data from Tomcat, you cannot do this. – thatidiotguy Commented Jun 4, 2014 at 18:02
• stackoverflow./questions/220231/… Dupe, I think – miguel-svq Commented Jun 4, 2014 at 18:02
• what if I make a request from this page and then get a header as part of response? I can do that? – gumenimeda Commented Jun 4, 2014 at 20:19

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

You can't, BUT...

If such header is send to the browser you could make an ajax request and get that value from it.

This little javascript could be useful in your case. Watch out, use it with caution and sanitize or change the URL depending on your needs, this is just a "concept", not a copy-paste solution for every case. In many other cases this is not a valid solution, cause it is not the header of the loaded document, but another request. Anyway the server, content-type, etc can be use quite safely.

xmlhttp = new XMLHttpRequest();
xmlhttp.open("HEAD", document.URL ,true);
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4) {
  console.log(xmlhttp.getAllResponseHeaders());
  }
}
xmlhttp.send();

EDIT: Ooops, seem already anwser that part also... Accessing the web page's HTTP Headers in JavaScript Didn't read it all.

Use below script for access userId

var req = new XMLHttpRequest();
req.open('GET', document.location, false);
req.send(null);
headers = req.getAllResponseHeaders().split("\n")
     .map(x=>x.split(/: */,2))
     .filter(x=>x[0])
     .reduce((ac, x)=>{ac[x[0]] = x[1];return ac;}, {});

console.log(headers.userId);

本文标签： htmlHow to get HTTP header from JavascriptStack Overflow