Wie Timeout-Fehler in angular js $ http Anrufe angezeigt werden?

Question

Ich mache einen Ajax-Aufruf mit $ http in eckigen js. Ich habe Timeout darin implementiert. Aber ich möchte dem Benutzer eine Fehlermeldung anzeigen, wenn die Verbindung abläuft. Das Folgende ist der Code ..

$http({ 
      method: 'POST', 
      url: 'Link to be called', 
      data: $.param({ 
        key:Apikey, 
        id:cpnId 
       }), 
      timeout : 5000, 
      headers: {'Content-Type': 'application/x-www-form-urlencoded'} 
      }).success(function(result){ 
       alert(result); 
      }).error(function(data){ 
       alert(data); 
      }); 

Gibt es eine Möglichkeit, so dass ich den Benutzer anzeigen kann, wenn die Verbindung abgelaufen ist. Gibt es eine Möglichkeit, so dass es an einer Stelle konfiguriert werden kann?

Answer 1

Und wenn Sie some tun wollen, wenn die Verbindung für Zeitüberschreitung jede Anfrage können Sie Abfangjäger verwenden (globale Timeout param funktioniert nicht):

// loading for each http request 
app.config(function ($httpProvider) { 
    $httpProvider.interceptors.push(function ($rootScope, $q) { 
     return { 
      request: function (config) { 
       config.timeout = 1000; 
       return config; 
      }, 
      responseError: function (rejection) { 
       switch (rejection.status){ 
        case 408 : 
         console.log('connection timed out'); 
         break; 
       } 
       return $q.reject(rejection); 
      } 
     } 
    }) 
}) 

Answer 2

Probieren Sie diese Blog-Seite: http://www.jonhartmann.com/index.cfm/2014/7/23/jsFiddle-Example-Proper-Timeout-Handling-with-AngularJS Es hat ein komplettes angular laufendes Beispiel, die Ihre Frage lösen.

Answer 3

Sie müssen nur die Antwortstatus zu überprüfen, und das ist es:

}).error(function(data, status, header, config) { 
     if (status === 408) { 
      console.log("Error - " + status + ", Response Timeout."); 
     } 

}); 

Für globale HTTP-Timeout, werfen Sie einen Blick auf diese answer

Answer 4

Sie Winkel Abfangjäger verwenden können, dies zu erreichen.

$httpProvider.responseInterceptors 
.push(['$q', '$injector','$rootScope', function ($q, $injector,$rootScope) { 
return function (promise) { 
    return promise.then(function (response) { 
     return response; 
    }, function (response) { 
     console.log(response); // response status 
     return $q.reject(response); 
    }); 
    }; 
}]); 
}]); 

More info see this link