[AngularJS]：在 http GET 上添加超时延迟

Question

当响应时间过长时如何添加超时？我的控制器中有以下内容：

$payments.getShopStatus(data.siteUrl)
  .success(function(rdata, response) {
    // go to next step
  })
  .error(function(rdata, response) {
    // tell me something's wrong
    // go here if there is a three-second delay too
  });

在我的工厂里，我有一个简单的 http return 来处理上面的那个：

 getShopStatus: function(shop) {
   var me = this;
   var sUrl = String(shop);
   var req = {
     method: 'GET',
     url: sUrl
   };

   return $http(req);
 },

在哪里添加超时/延迟？我需要在三秒无响应延迟后强制它失败。

Answer 1

您可以在主模块应用配置函数中进行全局超时配置，如下所示。

angular.module('mainModule', [/* dependent modules */]).config(['$httpProvider', function($httpProvider){
    $httpProvider.defaults.timeout = 5000;
}]);

或者对于单个调用，您需要在 $http 调用中将超时作为参数传递，如下所示。

getShopStatus: function(shop) {
   var me = this;
   var sUrl = String(shop);       

   return $http.get(sUrl, {timeout: 5000});
 },