Jak wyświetlić błąd przekroczenia limitu czasu w połączeniach kątowych js $ http?

Question

Tworzę wywołanie ajax używając $ http w kątowym js. Wprowadziłem w nim limit czasu. Ale chcę pokazać użytkownikowi komunikat o błędzie, jeśli upłynął limit czasu połączenia. Poniżej znajduje się kod.

$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); 
      }); 

Czy istnieje sposób, aby wyświetlić użytkownika, jeśli połączenie zostało przekroczone. Czy jest jakiś sposób, aby można go było skonfigurować w jednym miejscu?

Answer 1

A jeśli chcesz zrobić cos kiedy Przekroczono limit czasu połączenia dla każde żądanie, możesz użyć przechwytywaczy (globalny parametr timeout nie działa):

// 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

Spróbuj na tej stronie bloga: http://www.jonhartmann.com/index.cfm/2014/7/23/jsFiddle-Example-Proper-Timeout-Handling-with-AngularJS Ma kompletny przykład działający pod kątem, który rozwiązuje Twoje pytanie.

Answer 3

Trzeba tylko sprawdzić stan reakcji i to wszystko:

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

}); 

dla globalnego limitu czasu HTTP, przyjrzeć się tej answer

Answer 4

Możesz użyć kątowego przechwytywacza, aby to osiągnąć.

$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