$ http.post（）angularjs响应函数在正确的顺序

不执行从我的角度控制器我正在做一个函数调用到$ http.post（）请求。

$scope.formSuccess = false; 

$scope.submit = function(serviceName) { 
    submitRequest(serviceName); 
    if($scope.formSuccess) { 
     // do something 
    } 
}; 

var submitRequest = function(serviceName) { 
    $http.post(serviceName, data, { headers: { 'Content-type': 'application/json' } 
    }).then(successFunction, errorFunction); 
}; 

var successFunction = function(response) { 
    $scope.formSuccess =true; 
};

submitRequest（）之下的代码首先执行的是successFunction（），所以if块内的代码永远不会执行。我怎样才能做到这一点。我不想移动，如果阻止successFunction。

来源

2016-04-25 Suresh

这是行不通的执行。你的服务被调用，然后如果formSuccess运行，并且将始终返回false，因为你的http请求永远不会在if语句之前完成。请阅读关于http的文档https://docs.angularjs.org/api/ng/service/$http另外一个更好的例子https://thinkster.io/http – Ronnie

问题是此行if($scope.formSuccess) {http要求完成之前执行里面，永远不会执行因此if内声明。

最干净的解决办法是引入的功能要在$http.post成功和失败

$scope.formSuccess = false; 
 

 
$scope.submit = function(serviceName) { 
 
    submitRequest(serviceName) 
 
    .then(onPostSuccess) 
 
    .catch(onPostFail); 
 
}; 
 

 
var submitRequest = function(serviceName) { 
 
    return $http.post(serviceName, data, { headers: { 'Content-type': 'application/json' } 
 
    }); 
 
}; 
 

 
var onPostSuccess = function(response) { 
 
    $scope.formSuccess = true; 
 
    //do your stuff here 
 
    
 
}; 
 

 
var onPostFail = function(response){ 
 
    $scope.formSuccess = false; 
 
    //show form failed 
 
}

来源

2016-04-25 16:43:26 Yerken

因为在提交函数if（$ scope.formSuccess）不等待http响应。所以它总是假的，你需要把它承诺的功能

var successFunction = function(response) { 
    $scope.formSuccess =true; 
    // do what you want in here 

};

来源

2016-04-25 16:42:51 aseferov

$ http.post（）angularjs响应函数在正确的顺序

回答

相关问题