Угловой JS: Почтовый вызов идет в Успехе, а также метод ошибки

Question

Я знаю, что я выгляжу глупо, когда спрашиваю об этом, но я не могу это понять.

Я написал службу, которая обрабатывает почтовый вызов на сервер. $q сервис возвращает обещание обратно функции контроллера, которая вызвала эту услугу.

Услуги:

app.service('AjaxService', ['$http','$q','$log', function($http,$q,$log) { 
    return { 
     getSearchresultPost : function(url,data){ 
      var defer = $q.defer(); 
      $http.post(url, data) 
      .then(function(data, status, header, config){ 
       defer.resolve(data); 

      }).then(function(data, status, header, config){ 
       defer.reject(data); 
      }); 
      return defer.promise; 
     } 
    }; 
}]); 

Контроллер

app.controller("kitGuideNavigationController",['$scope','$window','$timeout','AjaxService',function($scope,$window,$timeout,AjaxService){ 
AjaxService.getSearchresultPost("/services/knowledge/getProducts",pathToCall) 
     .then(function(data){ 
      console.log("Data ",data); 
     }).then(function(data){ 
      console.log("Some Error Occured"); 
     }); 
}]); 

Когда я пытаюсь запустить код, я получаю обе консоли получать распечатаны.

Я не понимаю, что становится неправильным. Может кто-то помочь?

Answer 1

изменить второе «затем» на «catch», должно исправить это. Вы должны сделать это в обоих случаях.

app.controller("kitGuideNavigationController",['$scope','$window','$timeout','AjaxService',function($scope,$window,$timeout,AjaxService){ 
AjaxService.getSearchresultPost("/services/knowledge/getProducts",pathToCall) 
     .then(function(data){ 
      console.log("Data ",data); 
     }).catch(function(data){ 
      console.log("Some Error Occured"); 
     }); 
}]); 

обновление

также, как я видел, вы используете $ HTTP, проверить here

Answer 2

Вы можете изменить службу и передать второй параметр (функция ошибки) в $ http.post как это (документация: https://docs.angularjs.org/api/ng/service/$http):

app.service('AjaxService', ['$http','$q','$log', function($http,$q,$log) { 
    return { 
     getSearchresultPost : function(url,data){ 
      var defer = $q.defer(); 
      $http.post(url, data) 
      .then(function(data, status, header, config){ 
       defer.resolve(data); 

      }, function(error, status, header, config){ 
       defer.reject(error); 
      }); 
      return defer.promise; 
     } 
    }; 
}]); 

И в контроллере можно передать второй параметр также:

app.controller("kitGuideNavigationController",['$scope','$window','$timeout','AjaxService',function($scope,$window,$timeout,AjaxService){ 
AjaxService.getSearchresultPost("/services/knowledge/getProducts",pathToCall) 
     .then(function(data){ 
      console.log("Data ",data); 
     }, function(error){ 
      console.log("Some Error Occured", error); 
     }); 
}]); 

Answer 3

Там нет необходимости производить обещание с $q.defer как сервис $ HTTP уже возвращает обещание:

app.service('AjaxService', ['$http','$q','$log', function($http,$q,$log) { 
    return { 
     getSearchresultPost : function(url,data){ 
      //var defer = $q.defer(); 
      var promise = $http.post(url, data) 
      //.then(function(data, status, header, config){ 
      .then(function (response) { 
       var data = response.data; 
       //defer.resolve(data); 
       //return data to resolve 
       return data;  
      //}).then(function(data, status, header, config){ 
      }).catch(function(response) { 
       var data = response.data; 
       //defer.reject(data); 
       //throw data to reject with value 
       throw data; 
      }); 
      //return defer.promise; 
      return promise; 
     } 
    }; 
}]); 

также отметить, что .then и .catch методы вызова своих функций с response объекта, а не data, но возвращает (или бросает) свойство data обработчику, создает новое обещание, которое разрешает (или отклоняет) это значение.

AjaxService.getSearchresultPost(url,pathToCall) 
    .then(function(data){ 
     console.log("Data ",data); 
    //}).then(function(data){ 
    }).catch(function(data) { 
     console.log("Some Error Occured"); 
    }); 

Для получения дополнительной информации см AngularJS $q Service API Reference - Chaining Promises