JQuery/Javascript to get the Http Header detail of given URL

Question

Hi Is it possible to get the HTTP Header detail for any URL by using javascript?

Below URL refered to the curren page, where as I need to get the header detail for any given URl (like http://www.facebook.com)

Accessing the web page's HTTP Headers in JavaScript

check this answer : http://stackoverflow.com/questions/220231/accessing-the-web-pages-http-headers-in-javascript — teeyo, May 01 '16 at 10:20

score 0 · Answer 1 · edited May 23 '17 at 12:31

0

You can't do this purely in Javascript because of the AJAX same-domain restriction.

The best way would be to write a server-side script that accesses the URL using cURL. See Can PHP cURL retrieve response headers AND body in a single request? for how to extract the headers from the response in PHP.

edited May 23 '17 at 12:31

Community

1
1

answered May 01 '16 at 11:21

Barmar

741,623
53
500
612

score -1 · Answer 2 · answered May 01 '16 at 10:24

you can use XMLHTTP.getAllResponseHeaders() or getResponseHeader("header name")

e.g.

var xmlhttp;
function loadXMLDoc(url)
{
xmlhttp=null;
if (window.XMLHttpRequest)
  {// code for IE7, Firefox, Opera, etc.
  xmlhttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
if (xmlhttp!=null)
  {
  xmlhttp.onreadystatechange=state_Change;
  xmlhttp.open("GET",url,true);
  xmlhttp.send(null);
  }
else
  {
  alert("Your browser does not support XMLHTTP.");
  }
}

function state_Change()
{
if (xmlhttp.readyState==4)
  {// 4 = "loaded"
  if (xmlhttp.status==200)
    {// 200 = "OK"
    document.getElementById('A1').innerHTML=xmlhttp.status;
    document.getElementById('A2').innerHTML=xmlhttp.statusText;
    document.getElementById('A3').innerHTML=xmlhttp.getAllResponseHeaders();
    }
  else
    {
    alert("Problem retrieving XML data:" + xmlhttp.statusText);
    }
  }
}

This won't generally work because of the AJAX same-domain restriction. — Barmar, May 01 '16 at 11:14
The OP linked to a question which already says this in the accepted answer. The problem they are asking about is the cross origin problem. — Quentin, May 01 '16 at 11:26

JQuery/Javascript to get the Http Header detail of given URL

2 Answers2