4

Estou fazendo uma requisição JSONP para um webservice. Porém as vezes a requisição demora muito. Como estou mostrando para o usuário um status de carregamento, gostaria de abortar a requisição caso passe de 10 segundos.

Como é que eu defino um timeout para uma requisição em AngularJS?

Exemplo:

var url = "https://exemplo.com.br/" + $scope.consulta.cep + "/json/";

$http.get(url)
.then(function (response) {

   // faz o resto aqui
})
3

2 Respostas 2

3

É só você colocar a configuração timeout:

$http.get(url, {timeout: 10000})...

Caso queira fazer com promessa:

var cancelar = $q.defer();

$http.get(url, {timeout: cancelar.promise})...

$timeout(cancelar.resolve, 10000);
6
  • Cara, você não vai acreditar. Não quer funcionar! Parece que é realmente simples, mas a treta trava aqui e não para mais. Commented 18/11/2016 às 12:42
  • Li sobre isso aqui: stackoverflow.com/questions/24739988/…. Parece que realmente, não tem como. Obrigado pela resposta. Commented 18/11/2016 às 12:45
  • Ué, que esquisito, tenho quase certeza que eu já usei isso aí. Será que só dá esse problema pra JSONP?
    – Sorack
    Commented 18/11/2016 às 12:48
  • @WallaceMaxters Dá pra tentar fazer com a promessa qualquer coisa. Se você quiser monto um exemplo
    – Sorack
    Commented 18/11/2016 às 12:49
  • To achando que é. Vou fazer um teste. Ao invés de mandar a requisição via JSONP, eu vou fazer do servidor para o WS, e do Angular para o servidor. Commented 18/11/2016 às 12:49
2

Já tentou atribuir o timeout no interceptor?

angular.module('app')
  .factory('timeoutInterceptor', function ($rootScope, $q) {
    return {
      'request': function(config) {
         url = config.url; 
         if (url == "myUrl") { config.timeout = 10000; } 
        return config;
      }
    };
 }); 

No config...

$httpProvider.interceptors.push('timeoutInterceptor');
2
  • Hum... No interceptor esse timeout ficaria padrão pra todas requisições. Commented 18/11/2016 às 13:01
  • Caso você precise tratar essa condição apenas para uma request em especifico aplique o timeout apenas nela. Ex: var url = config.url; function(config) { if (url == "myUrl") { config.timeout = 10000; } return config; }
    – LuKs Sys
    Commented 18/11/2016 às 13:19

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .