从 angular $http 获取承诺数据

Question

嘿，我正在尝试为 $http 承诺构建一些默认验证。我这样做的原因是因为我有多个请求 return 相同的结果结构。因此将处理程序与请求分开以减少代码重复是合乎逻辑的

假设我有这个请求：

    getMoreUsers: function(searchid, apiroute, limit) {
        console.log(apiroute);
        return $http({
            method: 'get', 
            url: WeAlertApiUrl + apiroute,
            params: {
                'searchid' : searchid,
                'start' : limit }
        }).then( function(data) {
           if(data.data.isValid === true) {
              return processUsers(data.data.users);
           }else {
              $cordovaToast.showShortTop(data.data.message).then(function(success) {
              }, function (error) {alert(data.data.message);});
           }
        }, function(error) {
            $cordovaToast.showShortTop("something went wrong..").then(function(success) {
            }, function (error) {alert("Something went wrong..");});
        }); 
    },

唯一不一致的是data.data.users 所以理想情况下我想构建这样的东西：

getMoreUsers: function(searchid, apiroute, limit) {
        console.log(apiroute);
        return $http({
            method: 'get', 
            url: WeAlertApiUrl + apiroute,
            params: {
                'searchid' : searchid,
                'start' : limit }
        }).then( 
           return handleResult(processUsers(data.data.users))
        }); 
    },

这可以实现吗？以及如何访问 $http 的承诺并将其发送到服务

多亏了@Bergi，我才得以解决！ getmoreusers 服务现在看起来像

    getMoreUsers: function(searchid, apiroute, limit) {
        console.log(apiroute);
        return $http({
            method: 'get', 
            url: WeAlertApiUrl + apiroute,
            params: {
                'searchid' : searchid,
                'start' : limit }
        }).then(function(res){return successHandler(res, 'users');}, errorHandler);
    },

成功和错误处理程序的包装方式如下：

.factory('successHandler', function($cordovaToast, processAlerts, processUsers, processBerichten, processReacties, processUserAlerts) {
        return function(data, type) {
            if(data.data.isValid === true){
                switch(type){
                    case 'users':
                        return processUsers(data.data[type]);
                    case 'alerts':  
                        return processAlerts(data.data[type]);
                    case 'berichten':   
                        return processBerichten(data.data[type]);
                    case 'reacties':    
                        return processReacties(data.data[type]);
                    case 'useralerts':  
                        return processUserAlerts(data.data[type]);              
                }
            }else {
                $cordovaToast.showShortTop(data.data.message).then(function(success) {
                }, function (error) {alert(data.data.message);});
            }   
        };
    }).factory('errorHandler', function($cordovaToast) {
        return function(error) {
            $cordovaToast.showShortTop("Er ging iets mis... bent u verbonden met het internet?").then(function(success) {
            }, function (error) {
                alert("Er ging iets mis... bent u verbonden met het internet?");
            });
        };
    })

Answer 1

不，返回 data.data.users 完全没问题。您需要 return 对已处理数据的承诺，以便您的调用者可以像

一样使用它们

getMoreUsers(…).then(handleResult);

为此，全局错误处理程序也应该重新抛出异常

getMoreUsers: function(searchid, apiroute, limit) {
    console.log(apiroute);
    return $http({
        method: 'get', 
        url: WeAlertApiUrl + apiroute,
        params: {
            'searchid' : searchid,
            'start' : limit }
    }).then(function(data) {
        if (data.data.isValid) {
            return processUsers(data.data.users);
        } else {
            throw new Error(data.data.message);
        }
    }, function(error) {
        throw new Error("something went wrong.."); // ignore `error` details
    }).catch(function(error) {
        $cordovaToast.showShortTop(error.message).catch(function(showError) {
            alert(error.message);
        });
        throw error;
    }); 
},

从 angular $http 获取承诺数据

Get promise data from angular $http

javascript

promise

angularjs

angular-promise