如何从以下情况获得Service的响应?
服务
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);
在上面这种情况下,我通过Controller 发布数据并且它工作正常,但现在我想让响应进入我的控制器。
如何实现?
答案 0 :(得分:10)
$http
会返回promise:
退还承诺
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.
})
我更喜欢第一个选项,所以我也可以处理错误等,而不会传递这些功能。
(注意:我没有测试上面的代码所以可能需要进行一些修改)
答案 1 :(得分: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);
}
}
不要忘记插入依赖注入' call'服务进入您的控制器