Nie można odczytać bieżących nagłówków. Możesz wysłać kolejne żądanie do tego samego adresu URL i odczytać jego nagłówki, ale nie ma gwarancji, że nagłówki są dokładnie równe bieżącemu.

Użyj następującego kodu JavaScript, aby uzyskać wszystkie nagłówki HTTP, wykonując żądanie get:

var req = new XMLHttpRequest();
req.open('GET', document.location, false);
req.send(null);
var headers = req.getAllResponseHeaders().toLowerCase();
alert(headers);

Za pomocą XmlHttpRequest możesz wyciągnąć bieżącą stronę, a następnie sprawdzić nagłówki http odpowiedzi.

Najlepszym przypadkiem jest wykonanie HEAD żądania, a następnie sprawdzenie nagłówków.

Aby zobaczyć kilka przykładów tego działania, spójrz na http://www.jibbering.com/2002/4/httprequest.html

Rozwiązanie z pracownikami serwisu

Pracownicy serwisu mają dostęp do informacji o sieci, które zawierają nagłówki. Dobre jest to, że działa na każdym rodzaju żądania, a nie tylko XMLHttpRequest.

Jak to działa:

1. Dodaj pracownika serwisu na swojej stronie.
2. Obserwuj każdą wysyłaną prośbę.
3. spraw, aby pracownik serwisu fetch spełniał żądanie za pomocą funkcji respondWith.
4. kiedy nadejdzie odpowiedź, przeczytaj nagłówki.
5. Wyślij Nagłówki od pracownika serwisu do strony z funkcją postMessage.

Przykład roboczy:

Ograniczenia:

Strona internetowa musi być na HTTPS [10]}przeglądarka musi obsługiwać Service Workers API
• the zasady tej samej domeny / między domenami są w akcji, podobnie jak w XMLHttpRequest

Innym sposobem wysyłania informacji o nagłówku do JavaScript są pliki cookie. Serwer może wyodrębnić wszystkie potrzebne dane z nagłówków żądań i wysłać je z powrotem do nagłówka odpowiedzi Set-Cookie - a Pliki cookie mogą być odczytywane w JavaScript. Jak mówi keparo, najlepiej jest to zrobić tylko dla jednego lub dwóch Nagłówków, a nie dla wszystkich z nich.

Dla tych, którzy szukają sposobu na przetworzenie wszystkich nagłówków HTTP do obiektu, do którego można uzyskać dostęp jako słownik headers["content-type"], stworzyłem funkcję parseHttpHeaders:

function parseHttpHeaders(httpHeaders) {
    return httpHeaders.split("\n")
     .map(x=>x.split(/: */,2))
     .filter(x=>x[0])
     .reduce((ac, x)=>{ac[x[0]] = x[1];return ac;}, {});
}

var req = new XMLHttpRequest();
req.open('GET', document.location, false);
req.send(null);
var headers = parseHttpHeaders(req.getAllResponseHeaders());
// Now we can do:  headers["content-type"]

Nie można uzyskać dostępu do nagłówków http, ale niektóre informacje w nich zawarte są dostępne w DOM. Na przykład, jeśli chcesz zobaczyć referer http (sic), użyj document.referrer. Mogą być inne takie dla innych nagłówków http. Spróbuj googling konkretne rzeczy, które chcesz, jak "HTTP Referer javascript".

Wiem, że to powinno być oczywiste, ale wciąż Szukałem rzeczy takich jak "HTTP Headers javascript", kiedy wszystko, czego naprawdę chciałem, to referer, i nie dostał żadnych użytecznych wyniki. Nie wiem, jak nie zdawałem sobie sprawy, że mogę zadać bardziej konkretne pytanie.

Jeśli mówimy o nagłówkach Request , możesz utworzyć własne nagłówki podczas wykonywania Xmlhttprequestów.

var request = new XMLHttpRequest();
request.setRequestHeader("X-Requested-With", "XMLHttpRequest");
request.open("GET", path, true);
request.send(null);

Jak wielu ludzi kopałem sieć bez prawdziwej odpowiedzi: (

  case ".html":
    response.setHeader("Content-Type", "text/html");
    response.write ("<script>location['GPSD_HTTP_AJAX']=true</script>")
    // process the real contend of my page

Teraz każda strona html załadowana z mojego serwera, ma ten skrypt uruchamiany przez przeglądarkę w recepcji. Mogę wtedy łatwo sprawdzić z JavaScript, czy zmienna istnieje, czy nie. W moim usecase muszę wiedzieć, czy powinienem używać JSON lub json-P profile, aby uniknąć problemu CORS, ale ta sama technika może być używana do inne cele [ie: wybrać pomiędzy serwerem deweloperskim/produkcyjnym, uzyskać z serwera klucz REST / API itp ....]

W przeglądarce wystarczy sprawdzić zmienną bezpośrednio z JavaScript, jak w moim przykładzie, gdzie go używam, aby wybrać Mój profil Json / JQuery

 // Select direct Ajax/Json profile if using GpsdTracking/HttpAjax server otherwise use JsonP
  var corsbypass = true;  
  if (location['GPSD_HTTP_AJAX']) corsbypass = false;

  if (corsbypass) { // Json & html served from two different web servers
    var gpsdApi = "http://localhost:4080/geojson.rest?jsoncallback=?";
  } else { // Json & html served from same web server [no ?jsoncallback=]
    var gpsdApi = "geojson.rest?";
  }
  var gpsdRqt = 
      {key   :123456789 // user authentication key
      ,cmd   :'list'    // rest command
      ,group :'all'     // group to retreive
      ,round : true     // ask server to round numbers
   };
   $.getJSON(gpsdApi,gpsdRqt, DevListCB);

For who ever would like to check my code: https://www.npmjs.org/package/gpsdtracking

Używając mootools, możesz użyć tego.xhr.getAllResponseHeaders ()

Właśnie przetestowałem i działa to dla mnie przy użyciu Chrome w wersji 28.0.1500.95.

Musiałem pobrać plik i odczytać jego nazwę. Nazwa pliku jest w nagłówku, więc zrobiłem co następuje:

var xhr = new XMLHttpRequest(); 
xhr.open('POST', url, true); 
xhr.responseType = "blob";
xhr.onreadystatechange = function () { 
    if (xhr.readyState == 4) {
        success(xhr.response); // the function to proccess the response

        console.log("++++++ reading headers ++++++++");
        var headers = xhr.getAllResponseHeaders();
        console.log(headers);
        console.log("++++++ reading headers end ++++++++");

    }
};

Wyjście:

Date: Fri, 16 Aug 2013 16:21:33 GMT
Content-Disposition: attachment;filename=testFileName.doc
Content-Length: 20
Server: Apache-Coyote/1.1
Content-Type: application/octet-stream

To jest mój skrypt, aby pobrać wszystkie nagłówki odpowiedzi:

var url = "< URL >";

var req = new XMLHttpRequest();
req.open('HEAD', url, false);
req.send(null);
var headers = req.getAllResponseHeaders();

//Show alert with response headers.
alert(headers);

Mając w rezultacie nagłówki odpowiedzi.

Jest to test porównawczy z wykorzystaniem Hurl.it:

Aby uzyskać nagłówki jako obiekt, który jest bardziej przydatny (poprawa ):

var req = new XMLHttpRequest();
req.open('GET', document.location, false);
req.send(null);
var headers = req.getAllResponseHeaders().toLowerCase();
headers = headers.split(/\n|\r|\r\n/g).reduce(function(a, b) {
    if (b.length) {
        var [ key, value ] = b.split(': ');
        a[key] = value;
    }
    return a;
}, {});
console.log(headers);

/ Align = "left" / Wystarczy dodać prosty działający kod html tutaj.
działa z każdą rozsądną przeglądarką od wieku plus IE9+ i Presto-Opera 12.

<!DOCTYPE html>
<title>(XHR) Show all response headers</title>

<h1>All Response Headers with XHR</h1>
<script>
 var X= new XMLHttpRequest();
 X.open("HEAD", location);
 X.send();
 X.onload= function() { 
   document.body.appendChild(document.createElement("pre")).textContent= X.getAllResponseHeaders();
 }
</script>

Uwaga: otrzymujesz nagłówki drugiego żądania, wynik może różnić się od pierwotnego żądania.

<!DOCTYPE html>
<title>fetch() all Response Headers</title>

<h1>All Response Headers with fetch()</h1>
<script>
 var x= "";
 if(window.fetch)
    fetch(location, {method:'HEAD'})
    .then(function(r) {
       r.headers.forEach(
          function(Value, Header) { x= x + Header + "\n" + Value + "\n\n"; }
       );
    })
    .then(function() {
       document.body.appendChild(document.createElement("pre")).textContent= x;
    });
 else
   document.write("This does not work in your browser - no support for fetch API");
</script>

To stare pytanie. Nie wiem, kiedy wsparcie stało się szersze, ale getAllResponseHeaders() i getResponseHeader() wydają się być teraz dość standardowe: http://www.w3schools.com/xml/dom_http.asp

Jak już wspomniano, jeśli kontrolujesz stronę serwera, powinno być możliwe wysłanie nagłówków początkowych żądań z powrotem do Klienta w początkowej odpowiedzi.

W Express, na przykład, następujące prace:

app.get('/somepage', (req, res) => { res.render('somepage.hbs', {headers: req.headers}); }) Nagłówki są następnie dostępne w szablonie, więc mogą być ukryte wizualnie, ale zawarte w znacznikach i odczytywane przez javascript klienta.

Myślę, że pytanie poszło źle, Jeśli chcesz pobrać nagłówek żądania z JQuery / JavaScript, odpowiedź brzmi po prostu nie. Inne rozwiązania to tworzenie strony aspx lub strony jsp, a następnie możemy łatwo uzyskać dostęp do nagłówka żądania. Weź wszystkie żądania na stronie aspx i umieścić w sesji / cookies następnie można uzyskać dostęp do plików cookie na stronie JavaScript..