6

在以下情况下如何获得服务的响应？

服务：

app.factory('ajaxService', function($http) {
    updateTodoDetail: function(postDetail){
        $http({
            method: "POST",
            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
            url: post_url,
            data: $.param({detail: postDetail})
        })
        .success(function(response){
            //return response;
        });
    }
})

控制器：

updated_details = 'xyz';
ajaxService.updateTodoDetail(updated_details);

在上述情况下，我通过控制器发布数据，它工作正常，但现在我希望响应进入我的控制器。

怎么做到的？？

4

2 回答 2

10

$http返回一个承诺：

回报承诺

updateTodoDetail: function(postDetail){
    return $http({
        method: "POST",
        headers: {'Content-Type': 'application/x-www-form-urlencoded'},
        url: post_url,
        data: $.param({detail: postDetail})
    });

所以你可以做

ajaxService.updateTodoDetail(updated_details).success(function(result) {
    $scope.result = result //or whatever else.
}

或者，您可以将success函数传递给updateTodoDetail：

updateTodoDetail: function(postDetail, callback){
    $http({
        method: "POST",
        headers: {'Content-Type': 'application/x-www-form-urlencoded'},
        url: post_url,
        data: $.param({detail: postDetail})
    })
    .success(callback);

所以你的控制器有

ajaxService.updateTodoDetail(updated_details, function(result) {
    $scope.result = result //or whatever else.
})

我更喜欢第一个选项，这样我也可以处理错误等，而无需传递这些函数。

（注意：我没有测试上面的代码，所以它可能需要一些修改）

于 2014-06-23T03:48:11.253 回答
0

我通常做的就是这样

app.factory('call', ['$http', function($http) {
//this is the key, as you can see I put the 'callBackFunc' as parameter
function postOrder(dataArray,callBackFunc) {
                    $http({
                        method: 'POST',
                        url: 'example.com',
                        data: dataArray
                    }).
                            success(function(data) {
                                 //this is the key
                                 callBackFunc(data);
                            }).
                            error(function(data, response) {
                                console.log(response + " " + data);
                            });
                }

    return {
            postOrder:postOrder
           }
}]);

然后在我的控制器中我称之为

    $scope.postOrder = function() {
    call.getOrder($scope.data, function(data) {
      console.log(data);
      }
   }

不要忘记将“调用”服务的依赖注入插入到您的控制器中

于 2014-06-23T04:29:28.047 回答