There comes a need to invoke multiple server calls from one JS controller method and also to control the sequence of the execution. If you have already tried this, your first time attempting it might have been a mess.

This can be accomplished by writing the second server call inside the first setCallback method, the third server call inside the second controller setCallback method and so on. Confusing??? Let us look at the code to get a better understanding.

Apex class with three methods - which we want to invoke from the same javascript method on the lightning controller

public class MutipleMethod { @AuraEnabled public static string method1(){ return 'method 1'; } @AuraEnabled public static string method2(){ return 'method 2'; } @AuraEnabled public static string method3(){ return 'method 3'; } }

We have a lightning button on the UI

<aura:component controller="MutipleMethod"> <div class="slds-m-around_xx-large"> <lightning:button variant="Brand" class="slds-button" label="Submit" onclick="{!c.invoke}"/> </div> </aura:component>

The JavaScript controller which defines how to invoke the three apex methods from one controller method.

({ invoke : function(component, event, helper) { var action = component.get("c.method1"); action.setCallback(this,function(response){ if(response.getState()==='SUCCESS'){ alert("I am "+response.getReturnValue()); } //Second method starts here var action2 = component.get("c.method2"); action2.setCallback(this,function(response){ if(response.getState()==='SUCCESS'){ alert("I am "+response.getReturnValue()); } //Third method starts here var action3 = component.get("c.method3"); action3.setCallback(this,function(response){ if(response.getState()==='SUCCESS'){ alert("I am "+response.getReturnValue()); } }); $A.enqueueAction(action3); }); $A.enqueueAction(action2); }); $A.enqueueAction(action); } })

Hope this is useful and if you have doubts, reach out to me through the comments section. I would love to hear you out. Stay safe and happy, until next time :)