Zugriff auf die web-Seite der HTTP-Header in JavaScript

Leider gibt es nicht eine API geben Sie den HTTP-Antwort-Headern für Ihre ersten Anforderung der Seite. Das war die ursprüngliche Frage hier gepostet. Es wurde immer wieder fragte, auch, weil einige Menschen bekommen möchte, die tatsächliche response-Header der original-Seite Anfrage ohne Erteilung einer anderen.

Für AJAX-Anfragen:

Wenn ein HTTP-request über AJAX ist es möglich, den response-Header mit der getAllResponseHeaders() Methode. Es ist Teil des XMLHttpRequest-API. Zu sehen, wie dies angewendet werden kann, überprüfen Sie heraus die fetchSimilarHeaders() - Funktion unten. Beachten Sie, dass dies ein work-around für das problem, das nicht zuverlässig für einige Anwendungen.

myXMLHttpRequest.getAllResponseHeaders();

• Die API angegeben wurde in den folgenden Kandidaten-Empfehlung für XMLHttpRequest: XMLHttpRequest - W3C Candidate Recommendation, 3. August 2010

• Insbesondere die getAllResponseHeaders() - Methode angegeben wurde, im folgenden Abschnitt: w3.org: XMLHttpRequest: getallresponseheaders() Methode

• Den MDN-Dokumentation ist auch gut: developer.mozilla.org: XMLHttpRequest.

Diese wird nicht geben Ihnen Informationen über die original-Seite request HTTP-response-Header, aber es könnte verwendet werden, um Vermutungen darüber, was diese Header wurden. Mehr dazu ist im folgenden beschrieben.

Erste header-Werte von der Ersten Anforderung der Seite:

Diese Frage wurde zunächst gefragt, vor einigen Jahren, zu Fragen, speziell über, wie man an den ursprünglichen HTTP-response-Header für die aktuelle Seite (d.h. die gleiche Seite, in dem das javascript ausgeführt wurde). Das ist eine ganz andere Frage, als einfach nur um die Antwort-Header für jede HTTP-Anfrage. Bei der ersten Anforderung der Seite, die überschriften sind nicht leicht zugänglich für javascript. Ob die header-Werte, die Sie benötigen, zuverlässig und hinreichend stabil ist, wenn Sie einen Antrag auf der gleichen Seite wieder über AJAX, hängt von der jeweiligen Anwendung ab.

Im folgenden sind einige Vorschläge, um das problem.

1. Anfragen auf Ressourcen, die weitgehend statische

Wenn die Antwort ist weitgehend statisch, und die Header sind voraussichtlich nicht viel ändern zwischen den Anforderungen, könnten Sie machen eine AJAX-Anforderung für dieselbe Seite, die Sie gerade auf und davon ausgehen, dass Sie es sind die gleichen Werte, die Bestandteil der Seite der HTTP-Antwort. Dies könnte erlauben Ihnen den Zugriff auf die Header, die Sie brauchen, mit dem schönen XMLHttpRequest-API, wie oben beschrieben.

function fetchSimilarHeaders (callback) {
    var request = new XMLHttpRequest();
    request.onreadystatechange = function () {
        if (request.readyState === XMLHttpRequest.DONE) {
            //
            //The following headers may often be similar
            //to those of the original page request...
            //
            if (callback && typeof callback === 'function') {
                callback(request.getAllResponseHeaders());
            }
        }
    };

    //
    //Re-request the same page (document.location)
    //We hope to get the same or similar response headers to those which 
    //came with the current page, but we have no guarantee.
    //Since we are only after the headers, a HEAD request may be sufficient.
    //
    request.open('HEAD', document.location, true);
    request.send(null);
}

Dieser Ansatz problematisch sein, wenn Sie wirklich darauf angewiesen, dass die Werte, die Konsistenz zwischen Anforderungen, da können Sie nicht vollständig garantieren, dass Sie identisch sind. Es wird, hängt von der spezifischen Anwendung und ob Sie wissen, dass der Wert, den Sie brauchen, ist etwas, das nicht verändert werden von einer Anforderung zur nächsten.

2. Rückschlüsse

Gibt es einige Stückliste Eigenschaften (Browser Object Model), die der browser bestimmt, indem man die Header. Einige dieser Eigenschaften spiegeln die HTTP-Header, die direkt (z.B. navigator.userAgent eingestellt ist der Wert des HTTP - User-Agent - header-Feld). Durch schnüffeln um die verfügbaren Eigenschaften, die Sie vielleicht in der Lage zu finden, was Sie brauchen, oder einige Hinweise zu geben, was der HTTP-Antwort enthalten.

3. Verstauen Sie

Wenn Sie die Kontrolle der server-Seite, können Sie Zugriff auf alle header, die Sie mögen, wie Sie konstruieren die vollständige Antwort. Werte, die weitergegeben werden konnten, um den client mit der Seite, die versteckt in einigen Aufschlag oder vielleicht in einem inline-JSON-Struktur. Wenn Sie wollte, jedem HTTP-request-header zur Verfügung, um Ihre javascript, konnte Sie Durchlaufen auf dem server und senden Sie Sie zurück, wie verborgene Werte in der markup. Es ist wahrscheinlich nicht ideal zum senden von header-Werte auf diese Weise, aber Sie könnte sicherlich tun es für einen bestimmten Wert Sie benötigen. Diese Lösung ist wohl ineffizient, zu, aber es würde die Arbeit machen, wenn Sie es benötigt.

InformationsquelleAutor keparo

Die Lösung mit dem Service-Mitarbeiter

Service-Mitarbeiter sind in der Lage, Zugriff auf Netzwerk-Informationen enthält Header. Das gute daran ist, dass es funktioniert auf jeder Art von Anforderung, nicht nur XMLHttpRequest.

, Wie es funktioniert:

1. Fügen Sie ein service-Mitarbeiter auf Ihrer website.
2. Uhr jede Anfrage, die gesendet werden.
3. Machen die service-Mitarbeiter fetch die Anfrage mit der respondWith Funktion.
4. Wenn die Antwort eintrifft, Lesen die überschriften.
5. Senden Sie die Kopfzeilen aus der service-Mitarbeiter auf die Seite mit den postMessage Funktion.

Beispiel:

Service-Mitarbeiter sind ein wenig kompliziert zu verstehen, deshalb hab ich baute eine kleine Bibliothek, die nicht alle diese. Es ist verfügbar auf github: https://github.com/gmetais/sw-get-headers.

Einschränkungen:

• die website muss auf HTTPS
• muss der browser die Unterstützung der Service-Mitarbeiter API
• der selben domain/cross-domain-Richtlinien sind in Aktion, so wie auf dem XMLHttpRequest -

InformationsquelleAutor Gaël Métais

Für die Suche nach einem Weg, um zu analysieren, alle HTTP-Header in ein Objekt zugegriffen werden kann, wie ein Wörterbuch headers["content-type"], ich habe eine Funktion 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"]

InformationsquelleAutor Diego

Können Sie nicht den Zugriff auf den http-Header, aber einige der Informationen in Ihnen ist in der DOM. Zum Beispiel, wenn Sie wollen, um zu sehen, der http-referer (sic), des Dokuments verwenden.referrer. Möglicherweise gibt es andere, wie dies für andere http-Header. Versuchen Sie googeln die spezifische Sache, die Sie wollen, wie "http-referer javascript".

Ich weiß, das sollte selbstverständlich sein, aber ich hielt auf der Suche nach Sachen wie "http-Header javascript" wenn alles, was ich wirklich wollte, war der referer, und bekam keine brauchbaren Ergebnisse. Ich weiß nicht, wie ich wusste nicht, ich könnte eine spezifischere Abfrage.

InformationsquelleAutor David Winiecki

Wie viele Menschen habe ich gegraben Netz keine richtige Antwort 🙁

Habe ich dennoch herausfinden umgehen, die anderen helfen konnte. In meinem Fall habe ich die volle Kontrolle meiner web-server. In der Tat, es ist Teil meiner Bewerbung (siehe Ende-Referenz). Es ist für mich einfach ein Skript hinzufügen, das mein http-Antwort. Ich veränderte meine httpd-server zu Spritzen, ein kleines Skript in jeden html-Seiten. Ich nur push-extra 'js-script' - Zeile gleich nach meinem header Konstruktion, dass eine vorhandene variable aus meinem Dokument in meinem browser [I Speicherort auswählen], aber eine andere option möglich ist. Während mein server ist geschrieben in nodejs, ich habe keine Zweifel, dass die gleiche Technik kann die Verwendung von PHP oder andere.

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

Nun alle html-Seiten geladen von meinem server, habe das Skript ausgeführt, indem der browser an der Rezeption. Dann kann ich das leicht überprüfen in JavaScript wenn die variable vorhanden ist oder nicht. In meinem Anwendungsfall muss ich wissen, wenn ich verwenden soll, JSON-oder JSON-P-Profil zu vermeiden, CORS-Problem, aber das gleiche Verfahren kann für andere Zwecke verwendet werden [d.h.: wählen Sie zwischen Entwicklungs - /Produktions-server, von server a REST/API-Schlüssel, etc ....]

Über den browser brauchen Sie nur die variable direkt von JavaScript aus, wie in meinem Beispiel, wo ich es verwenden, um wählen Sie mein Json/JQuery-Profil

 //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);

Wer immer möchte prüfen lassen, mein code:
https://www.npmjs.org/package/gpsdtracking

InformationsquelleAutor Fulup

Dies ist eine alte Frage. Nicht sicher, wenn Unterstützung wurde breiter, aber getAllResponseHeaders() und getResponseHeader() erscheinen nun werden ziemlich standard: http://www.w3schools.com/xml/dom_http.asp

InformationsquelleAutor dlo

Erhalten die überschriften als ein Objekt, das ist handlicher (Verbesserung der Raja ' s Antwort):

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);

InformationsquelleAutor shaedrich

Ich denke, die Frage ging in die falsche Richtung,
Wenn Sie wollen, um die Anfrage-header von JQuery/JavaScript-die Antwort ist einfach Keine. Die anderen Lösungen ist, erstellen Sie eine aspx-Seite oder jsp-Seite, dann können wir leicht den Zugriff auf die request-header.
Nehmen Sie alle den Antrag in der aspx-Seite und setzen Sie in eine session/cookies Sie können dann den Zugriff auf die cookies in JavaScript-Seite..

InformationsquelleAutor santhos jery