Come visualizzare l'errore di timeout in js angolari Chiamate http http?

Question

Sto effettuando una chiamata ajax utilizzando $ http in angular js. Ho implementato il timeout in esso. Ma voglio mostrare all'utente un messaggio di errore se la connessione scade. Quello che segue è il codice ..

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

Esiste un modo per poter visualizzare l'utente se la connessione è scaduta. Esiste un modo per poterlo configurare in un unico posto?

Answer 1

E se si vuole fare un che di quando la connessione è scaduta per ogni richiesta, è possibile utilizzare gli intercettori (il parametro di timeout globale non funziona):

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

Provate su questa pagina di blog: http://www.jonhartmann.com/index.cfm/2014/7/23/jsFiddle-Example-Proper-Timeout-Handling-with-AngularJS Ha un esempio angolare completo che risolve la vostra domanda.

Answer 3

Hai solo bisogno di verificare lo stato di risposta e il gioco è fatto:

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

}); 

Per timeout HTTP globale, dare un'occhiata a questo answer

Answer 4

Per ottenere ciò è possibile utilizzare l'intercettatore angolare.

$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