Как отображать ошибку тайм-аута в угловых js $ http-звонках?

Question

Я делаю вызов ajax, используя $ http в угловых js. Я использовал тайм-аут в нем. Но я хочу показать пользователю сообщение об ошибке, если время соединения заканчивается. Ниже приведен код.

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

Есть ли способ, чтобы я мог отображать пользователя, если время соединения завершено. Есть ли способ, чтобы его можно было настроить в одном месте?

Answer 1

И если вы хотите сделать коснуться, когда тайм-аут подключения для каждый запрос, вы можете использовать перехватчики (глобальный тайм-аут не работает):

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

Попробуйте на этой странице блога: http://www.jonhartmann.com/index.cfm/2014/7/23/jsFiddle-Example-Proper-Timeout-Handling-with-AngularJS У этого есть полный пример углового пробега, который разрешает ваш вопрос.

Answer 3

Вам просто нужно проверить состояние ответа и это все:

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

}); 

Для глобального тайм-аута HTTP, посмотрите на эту answer

Answer 4

Для достижения этого вы можете использовать угловой перехватчик.

$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