一个链连续/连续的 $http 如何以角度发布？

Question

我对 AngularJS 还是很陌生，并且正在学习中。如何链接连续的 $http 帖子？我需要来自第一个 $http POST 的响应数据以在第二个 $http POST 中使用，其中我还需要第二个 POST 返回的响应。

$http({
    method: 'POST',
    url: 'http://yoururl.com/api',
    data: '{"field_1": "foo", "field_2": "bar"}',
    headers: {'Content-Type': 'application/json'}
}).then(function(resp) {

   $scope.data_needed = resp.data_needed;
    // Can't possibly do another $http post here using the data I need, AND get its reponse?
    // Would lead to a nested relationship, instead of adjacent chaining.

}, function(err) {
    // Handle error here.
});

出于同样的原因，我发现不能将另一个 $http 帖子与另一个 .then(function(resp) {}); 链接到代码的最后一行，原因相同（参考上面代码块中的第一条评论）。

有什么建议吗？我似乎只能找到链接 $http GET 的示例，这些示例不涉及获取和使用响应。干杯。

Answer 1

这是要走的路：

$http({...})
    .then(
        function success1(response) {
            var data = response.data;
            $scope.xxx = data.xxx;
            return $http({...});
        },
        function error1(response) {
            return $q.reject(response);
        }
    )
    .then(
        function success2(response) {
            var data = response.data;
            $scope.yyy = data.yyy;
        },
        function error2(response) {
            // handle error
        }
    );

当then() 函数返回一个promise（return $http(...) 部分）时，链式then() 将使用第二个promise 的解析值调用。还要注意 return $q.reject(...) 部分，这是流程继续执行第二个 error 函数而不是第二个成功函数所必需的部分。