Question

我有一个带有服务（EqService）的Angular应用程序，我想知道异步调用中的 Timestamp Marker 。

我正在使用请求和响应拦截器。关键部分是这样的：

// app.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();
});

// interceptor.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;
}]);

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

我的问题是：我怎样才能拥有'config.responseTimestamp＆＃39;在 EqService接听电话后<{1}} ？

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

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

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

2 个答案: