Как сделать обработку ошибок при получении данных в сервисе angularjs

Question

Как сделать обработку ошибок при получении данных в сервисе angularjs

0

Этот код выбирает категории и передает их контроллеру.

sampleApp.factory('SCService', function($http, $q) {

    var SuperCategories = [];
    var SCService =  {};

    SCService.GetSuperCategories = function() {
        var req = {
            method: 'POST',
            url: SuperCategoryURL,
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
            data: "action=GET"
        };
        if ( SuperCategories.length == 0 ) {
            return $http(req).then(function (response) {
                SuperCategories = response.data;
                return SuperCategories;
            });
        }else {
            return $q.when(SuperCategories);
        }
    }

    return SCService;
});

Я думаю, что код идеален, пока в HTTP-запросе не будет ошибки.

Мой запрос заключается в том, как выполнять обработку ошибок (try catch или что-то в этом роде), в случае, если у сервера есть какая-то проблема или может быть cgi-скрипт, есть проблема и не может запросить сервер.

Devesh Agrawal 05 окт. 2015, в 12:43

Источник

Теги:

angularjs

controller

service

4 ответа

Ещё вопросы

Magus · Answer 1 · 2015-10-05T08-33-00.000Z

Угловые обещания используют метод catch для этого.

return $http(req).then(function (response) {
    SuperCategories = response.data;
    return SuperCategories;
}).catch(function(error) {
    // Do what you want here
});

Вы должны использовать также, finally:

return $http(req).then(function (response) {
    SuperCategories = response.data;
    return SuperCategories;
}).catch(function(error) {
    // Do what you want here
}).finally(function() {
    // Always executed. Clean up variables, call a callback, etc...
});

Спасибо за ответ. Просто хотел понять, какой вариант хорош? Используя обратные вызовы try catch или success / error?
Имейте в виду, что у "классического" try {} cath(...) {} будет другое поведение с $exceptionHandler . Прочитайте эту статью: medium.com/@bluepnume/…

Arun · Answer 2 · 2015-10-05T08-06-00.000Z

Напишите как

 return $http(req).then(function (response) {
               //success callback
            },
 function(){
//Failure callback
});

jsNovice · Answer 3 · 2015-10-05T08-34-00.000Z

Вы можете использовать методы.success и.error службы $ http, как показано ниже

$http(req).success(function(data, status, headers){
    // success callback:  Enters if status = 200
}).error(function(status, headers){
    // error callback: enters otherwise
});

Vaibhav Shah · Answer 4 · 2015-10-05T08-13-00.000Z

Использовать методы обратного вызова с контроллера.

Controller.js

service.GetSuperCategories(function (data) {console.log('success'},function (error){console.log('error'});

service.js

sampleApp.factory('SCService', function($http, $q) {

    var SuperCategories = [];
    var SCService =  {};

    SCService.GetSuperCategories = function(successMethod,errorMethod) {
        var req = {
            method: 'POST',
            url: SuperCategoryURL,
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
            data: "action=GET"
        };
        return $http(req).then(successMethod(data),
errorMethod(error));
    }

    return SCService;
});