REST calls inside for loop in AngularJS

Question

for (var i = 0; i < pricingPlans.length; i++) {
    productServices.retrivePricingPlan(pricingPlans[i].Id.Value).then(function (objPricingPlan) {
        productServices.createPricingPlan(objPricingPlan.data).then(function (objNewPricingPlan) {
            var newPlanID = objNewPricingPlan.data.PricingPlan.Id.Value;
            console.log("New ID");
            console.log(newPlanID);
            console.log("Old ID");
            console.log(product.PricingPlanAssociations[i].PricingPlanId.value);
            //  product.PricingPlanAssociations[i].PricingPlanId.value = newPlanID
        });
    });
}

I am making REST calls inside the for loop, but I want the REST calls to execute in following order:

Retrieve pricing plan[i]
Create pricing plan[i]
Create product[i]

but when I look at the console tab they are executing in a different order

How can I ensure the pricing plans are executed in that particular order inside the for loop?

NOTE: retrivePricingPlan and createPricingPlan return calls to $http.post().

HTTP is asynchronous. Reconsider your design or use something like stackoverflow.com/q/32614078/215552 — Heretic Monkey
– Heretic Monkey, Commented Jan 22, 2018 at 22:19

willoller · Accepted Answer · 2018-01-22 22:20:56Z

1

Because the AJAX calls are all asynchronous, and the for loop is synchronous, the actual calls can be in any order. The "dependent" calls will be in the correct order, though. (That is, the promise chain will always call Retrieve before calling Create)

If you really need these to work in order, you can create a queue to manage the asynchronous call order.

answered Jan 22, 2018 at 22:20

willoller

7,3801 gold badge38 silver badges63 bronze badges

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

Collectives™ on Stack Overflow

REST calls inside for loop in AngularJS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related