18

$httpProvider.interceptors を実際に傍受するようには見えません。インターセプターが実行されたときと $http 応答が成功したときにログに記録するサンプルを JSFiddle で作成しました。要求インターセプターは、応答が既に成功として返された後に実行されます。これは少し後ろ向きのようです。

構成内のパラメーターを変更する必要があるため、transformRequest を使用できません。その部分はサンプルには表示されていません。

私はAngularJS 1.1.5を使用しています

http://jsfiddle.net/skeemer/K7DCN/1/

Javascript

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

myApp.factory('httpInterceptor', function ($q) {
    return {
        request: function (config) {
            logIt('- Modify request');
            return config || $q.when(config);
        }
    };
});

myApp.config(function ($httpProvider) {
    $httpProvider.interceptors.push('httpInterceptor');
});

function MyCtrl($scope, $http) {
    // Hit a server that allows cross domain XHR
    $http.get('http://server.cors-api.appspot.com/server?id=8057313&enable=true&status=200&credentials=false')
    .success(function (data) {
        //logIt(data[0].request.url);
        logIt('- GET Successful');
    });

    $scope.name = 'Superhero';
}


// Just the logging
var logs = document.getElementById('logs');

function logIt(msg) {
    var e = document.createElement('div');
    e.innerHTML = msg;
    logs.insertBefore(e, logs.firstChild);
}

HTML

<div ng-controller="MyCtrl">Hello, {{name}}!</div>
<br/>
<div id="logs"></div>
4

2 に答える 2

9

データが返された後、要求インターセプターが実行されていません。前に走っています。logIt 関数は、最新のメッセージを一番上に挿入します。$log サービスを使用するようにコードを変更すると、インターセプターが最初に実行されることがわかります。

于 2013-06-08T02:17:00.007 に答える