在我的情况下,如何发出多个http请求

How to make multiple http requests in my case?

本文关键字:http 请求 何发出 我的 情况下      更新时间:2023-09-26

我正在尝试使用工厂对象来发出多个http请求。我有类似的东西

angular.module('App').factory('myFactory', function($http, $q) {
    var service = {};
    service.setProduct = function(productObj) {
        _productObj = productObj;
    }
    service.makeRequest = function() {
        var deferred = $q.defer();
        $http.post('/api/product', _productObj).success(function(data){
            var id = data.id
            //I am not sure how to chain multiple calls by using promise.
            //$http.post('/api/details/, id).success(function(data) {
            //    console.log(data)
            //}
            deferred.resolve(data);
        }).error(function() {
            deferred.reject('error here');
        })
        return deferred.promise;
    }
    return service;
});



angular.module('App').controller('productCtrl', ['$scope','$http','myFactory',
    function($scope, $http, myFactory) {
        myFactory.setProduct(productObj);
        myFactory.makeRequest()
            .then(function(data) {
               console.log(data) 
            }, function(data) {
               alert(data)
            })
    }
]);

我可以使用myfactory.makeRequest()进行一次调用,但不知道如何链接多个http请求。有人能帮帮我吗?谢谢

如果需要进行顺序请求,则需要连锁promise。你甚至不需要创建自己的deferred对象——$http.post已经返回了一个promise,所以你可以只创建.then

return $http.get("url1")
   .then(function(response){
     var nextUrl = response.data;
     return $http.get(nextUrl);
   })
   .then(function(response){
     var nextUrl = response.data;
     return $http.get(nextUrl);
   })
   .then(function(response){
     return response.data;
   });

.success用于更传统的非承诺方法

这是一个灌篮器。

阅读承诺。请记住JS是异步的。您需要在回调中进行下一次服务器调用(第一个.then函数)。