如何读取angularjs中的响应头？

Question

我的服务器返回这种标题Content-Range:0-10/0::

我试着用角度读这个标题而没有运气:

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

只打印

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

任何想法如何访问内容范围标题？

Answer 1

headers成功使用变量和错误回调

从文档.

$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.
  });

如果您在同一个域中,则应该能够检索响应头.如果是跨域,则需要Access-Control-Expose-Headers在服务器上添加标头.

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

Answer 2

为什么不试试这个:

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

特别是如果你想要返回,promise那么它可能是承诺链的一部分.

Answer 3

根据穆罕默德的答案更新......

$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.
  });

Answer 4

除了Eugene Retunsky的回答,引用$ http文档关于回复:

响应对象具有以下属性:

• data - {string|Object}- 使用转换函数转换的响应主体.

• status - {number}- 响应的HTTP状态代码.

• 标题 - {function([headerName])}- 标题getter函数.

• config - {Object}- 用于生成请求的配置对象.

• statusText - {string}- 响应的HTTP状态文本.

请注意,$ resource(v1.6)的参数回调顺序与上面的不同:

使用(value (Object|Array), responseHeaders (Function), status (number), statusText (string))参数调用成功回调,其中值是填充的资源实例或集合对象.使用(httpResponse)参数调用错误回调.