Put an order to the result of $http requests in Angular.js

Question

I have 3 web requests that do through $http, this petition are in functions (function1(), function2(), function3()) . I would like to customize the order in which all these requests are executed.

object.function1().then(function() {
//result of petition $http of function1();
});

object.function2().then(function() {
//result of petition $http of function1();
});

object.function3().then(function() {
//result of petition $http of function2();
});

they all try to run at the same time. some requests take longer than others because they get more JSON objects. I want to run in order to start by:

function1();  //first
function2();  //second
function3();  //three

Call them in .then handler..

Rayon
– Rayon

2016-06-02 04:41:20 +00:00
Commented Jun 2, 2016 at 4:41 — Rayon
– Rayon, Commented Jun 2, 2016 at 4:41

JLRishe · Accepted Answer · 2016-06-02 04:44:17Z

5

You need to make proper use of the .then() method:

object.function1().then(function(result) {
    //result of petition $http of function1();

    return object.function2()
}).then(function (result) {
    //result of petition $http of function2();

    return object.function3();
}).then(function (result) {
    //result of petition $http of function3();
});

answered Jun 2, 2016 at 4:44

JLRishe

102k19 gold badges138 silver badges171 bronze badges

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

Comments

Dhanik Lal Sahni · Accepted Answer · 2016-06-02 04:51:35Z

0

You can try with this.

$http.get('URL1').success(function(data){
    $http.get('URL2').success(function(data){
        $http.get('URL3').success(function(data){
            console.log('Done');
        }
    }
});

answered Jun 2, 2016 at 4:51

Dhanik Lal Sahni

4377 silver badges9 bronze badges

Comments

Juanín · Accepted Answer · 2016-06-02 04:45:19Z

-1

Call the functions inside the other function's callback like this:

object.function1().then(function() {
    //result of petition $http of function1();

    object.function2().then(function() {
        //result of petition $http of function1();

        object.function3().then(function() {
            //result of petition $http of function2();
        });
    });

});

answered Jun 2, 2016 at 4:45

Juanín

8516 silver badges16 bronze badges

1 Comment

JLRishe Over a year ago

You should avoid the "tower of doom": gist.github.com/sumtraveller/2a42b930dba2375c331e

Collectives™ on Stack Overflow

Put an order to the result of $http requests in Angular.js

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related