如何在.then函数AngularJS中访问响应头

时间:2017-01-10 12:31:53

标签: javascript angularjs header

你知道我如何从get请求中访问响应头吗?

我有一个返回承诺的服务功能。我的控制器解决了承诺,在.then函数中,我需要响应头中的内容类型。

我尝试使用"标题"参数,我用console.log(headers())显示,但错误" headers()不是函数"在我的控制台中显示。

我的服务:

.factory('GetResultFile',
['$http', '$q',
function ($http, $q) {

    var service = {};
    service.getResult = function(id, rid) {

        var deferred = $q.defer();

        $http
        .get('http://localhost:9999/v1/jmeter/' + id + '/results/' + rid, {cache: false})
        .then(function(data, status, headers, config) {
            if(data.status == 200) {
                console.log(data.status);
                deferred.resolve(data);
            }
            else {
                deferred.reject(data);
            }
        });
        return deferred.promise;                
    }
    return service;

}]);

控制器:

$scope.getResult = function(rid) {
        console.log($scope.id);
        GetResultFile.getResult($scope.id, rid)
        .then(function(data, headers) {
            //console.log(headers.Content-type);
            console.log(headers());
            console.log(data);
            console.log("Download succeed");
            console.log(data.status);

            var file = new Blob([data.data], {type: 'text/plain;charset=utf-8'});
            FileSaver.saveAs(file, 'test.txt');

        }, function (data) {
            console.log("Download ERROR!");
            console.log(data.status);
        })
    };              

}])

1 个答案:

答案 0 :(得分:3)

如果没有更多信息,我只能考虑像

这样的标准事物
    this.$http.get('/your/Route')
      .then(response => {
        console.log(response) // Full information
        console.log(response.data) // holds your Data
        console.log(response.config) // holds more Specific information like the Url and more
        console.log(response.headers());// Specific headers Information
        console.log(response.headers(["content-type"]));//gets the Content-Type of Header

});

一般来说是角度服务和响应

  

响应对象具有以下属性:

     
      
  • 数据 - {string|Object} - 使用转换函数转换的响应正文。

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

  •   
  • 标题 - {function([headerName])} - 标头获取功能。

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

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

  •   

https://docs.angularjs.org/api/ng/service/ $ HTTP