Wie liest man Antwortheader in angularjs?

Meinem server gibt diese Art von Kopf: Content-Range:0-10/0:

Wie liest man Antwortheader in angularjs?

Versuchte ich, zu Lesen diesen header in eckig mit kein Glück:

var promise = $http.get(url, {
    params: query
}).then(function(response) {
  console.log(response.headers());
  return response.data;
});

welche druckt nur

Object {content-type: "application/json; charset=utf-8"}

Irgendwelche Ideen, wie man Zugang zu den content-range-header?

InformationsquelleAutor der Frage Lost in OWL | 2015-03-02

  1. 37

    Verwenden Sie die headers Variablen bei Erfolg und error-callbacks

    Aus der Dokumentation.

    $http.get('/someUrl').
  success(function(data, status, headers, config) {
    //this callback will be called asynchronously
    //when the response is available
  })
  .error(function(data, status, headers, config) {
    //called asynchronously if an error occurs
    //or server returns response with an error status.
  });

    Wenn Sie auf die gleiche domain, die Sie sollten in der Lage sein, zum abrufen der Antwort-Header zurück. Wenn cross-domain, müssen Sie Access-Control-Expose-Headers - header auf dem server.

    Access-Control-Expose-Headers: content-type, cache, ...

    InformationsquelleAutor der Antwort Muhammad Reda

  2. 23

    Warum nicht einfach versuchen, diese:

    var promise = $http.get(url, {
    params: query
}).then(function(response) {
  console.log('Content-Range: ' + response.headers('Content-Range'));
  return response.data;
});

    Besonders, wenn Sie zurückkehren möchten, die promise so könnte es ein Teil eines verspricht Kette.

    InformationsquelleAutor der Antwort Eugene Retunsky

  3. 9

    Aktualisiert basierend auf Muhammads Antwort...

    $http.get('/someUrl').
  success(function(data, status, headers, config) {
    //this callback will be called asynchronously
    //when the response is available
    console.log(headers()['Content-Range']);
  })
  .error(function(data, status, headers, config) {
    //called asynchronously if an error occurs
    //or server returns response with an error status.
  });

    InformationsquelleAutor der Antwort medoix

  4. 5

    Zusätzlich zu Eugene Retunsky Antwort, zitiert aus $http Dokumentation über die Antwort:

    Das response-Objekt hat diese Eigenschaften:

    • Daten – {string|Object} – Die Antwort der Körper verwandelt sich in der transform-Funktionen.

    • status – {number} – HTTP-status-code der Antwort.

    • Header – {function([headerName])} – Header-get-Funktion.

    • config – {Object} – configuration-Objekt, das verwendet wurde, zum erzeugen der Anfrage.

    • statusText – {string} – HTTP-status-text der Antwort.

    Bitte beachten Sie, dass die callback-argument, um für $Ressource (v1.6) ist nicht das gleiche wie oben:

    Erfolgs-callback aufgerufen wird, mit (value (Object|Array), responseHeaders (Function), status (number), statusText (string)) Argumente, in denen der Wert der besiedelten Ressource-Instanz oder collection-Objekt. Der Fehler callback wird aufgerufen, mit (httpResponse) argument.

    InformationsquelleAutor der Antwort Wtower

  5. 0

    Den Antwort-Header im Falle von cors verborgen bleiben.
    Sie müssen hinzufügen, in Antwort-Header, um direkt die Winkel zu setzen-Header für javascript.

    //From server response headers :
header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
header("Access-Control-Allow-Headers: Origin, X-Requested-With, 
Content-Type, Accept, Authorization, X-Custom-header");
header("Access-Control-Expose-Headers: X-Custom-header");
header("X-Custom-header: $some data");

var data = res.headers.get('X-Custom-header');

    Quelle : https://github.com/angular/angular/issues/5237

    InformationsquelleAutor der Antwort kuabhina1702

  6. 0

    Gemäß der MDN benutzerdefinierte Header nicht verfügbar sind, standardmäßig aktiviert. Der server admin muss setzen Sie mit "Access-Control-Expose-Headers" in der gleichen Art und Weise Sie befassen sich mit "access-control-allow-origin"

    Sehen diese MDN link zur Bestätigung
    [https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Expose-Headers%5D

    InformationsquelleAutor der Antwort cnngraphics

Schreibe einen Kommentar