javascript - 如何在 Angular.js 中自己定义的服务上获得拦截器的响应？

Question

我有一个带有服务 ( EqService) 的 Angular 应用程序，我想知道异步调用中的时间戳标记。

我正在使用请求和响应拦截器。关键组件如下：

// 应用程序.js

var appModule = angular.module('myApp', []);

appModule.config(['$httpProvider', function($httpProvider) {
    $httpProvider.interceptors.push('timestampMarker');
}]);

appModule.controller('PostsAjaxController', function ($scope, EqService) {

    $scope.getData = function (){
        EqService.get().then(function (resp) {
            console.log(resp);
            // Want here 'config.responseTimestamp' and 'config.requestTimestamp';
        });
    };

    $scope.getData();
});

//拦截器.js

appModule.factory('timestampMarker', [function() {
    var timestampMarker = {
        request: function(config) {
            config.requestTimestamp = new Date().getTime();
            return config;
        },
        response: function(response) {
            response.config.responseTimestamp = new Date().getTime();
            return response;
        }
    };
    return timestampMarker;
}]);

// 服务.js

appModule.factory('EqService', function ($http, $q) {
    return {
        get: function () {
            var deferred = $q.defer();
            $http({ method: 'POST', url: './data.php'}).success(function (data) {
                deferred.resolve(data);
            });
            return deferred.promise;
        }
    }
});

我的问题是：我怎样才能在EqService 接听电话后获得'config.responseTimestamp' 和？'config.requestTimestamp'

Answer 1

您应该使用then而不是success一致的承诺。看success实施

promise.success = function(fn) {
    // ...
    promise.then(function(response) {
        fn(response.data, response.status, response.headers, config);
    });
    return promise;
};

我们看到响应被打断了。使用then你的 services.js 将如下所示：

appModule.factory('EqService', function ($http, $q) {
    return {
        get: function () {
            var deferred = $q.defer();
            $http({ method: 'POST', url: './data.php'}).then(function (response) {
                deferred.resolve(response);
            });
            return deferred.promise;
        }
    }
});

Answer 2

使用响应对象中的配置属性。它包含用于发出请求的配置。检查https://docs.angularjs.org/api/ng/service/$http。