How to wait for multiple request to complete in angularjs

Question

I want multiple methods to get loaded completely before I proceed in my web application. For that I have done following -

      function getData(){
        var defer = $q.defer();
        $http.get("/echo/json/").success(function(data, status) {
            getData2();
            getData3();
            $timeout(function(){        
                 defer.resolve(data);
            }, 1000); 
        });
        return defer.promise;
      }

here, getData2() and getData3() will also do ajax calls. So I have to wait these methods to complete there call and then I have to return promise of main method.

This is working good , but giving me performance issue. Any other way I can do this?

Majid Yaghouti · Accepted Answer · 2015-10-29 09:48:11Z

5

If order is not important use $q.all() as follow:

$q.all([getData1(), getData2(), getData3()])
    .then(function(result){
        // result[0] is output of getData1() 
        // result[1] is output of getData2()
        // result[2] is output of getData3()
    });

But if order is important, call them in chain as follow:

getData1()
    .then(function(result1){
         return getData2();
    })
    .then(function(result2){
         return getData3();
    })        
   .then(function(result3){
         // your other codes
    });

edited Oct 29, 2015 at 9:48

answered Oct 29, 2015 at 9:36

Majid Yaghouti

92314 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

André Kreienbring · Accepted Answer · 2015-10-29 09:36:56Z

1

Assuming that all getDataX functions return promises, you should chain them like so:

getData()
.then(function(result){
  return getData1();
})
.then(function(result1){
  return getData2();
})...

answered Oct 29, 2015 at 9:36

André Kreienbring

2,50915 silver badges16 bronze badges

Collectives™ on Stack Overflow

How to wait for multiple request to complete in angularjs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related