Javascript callback, execute code after calling a function

Question

I have the following code in my document.ready

  technicianDropdownFromCBU(cbu_id);
  assetsDropdownFromCBU(cbu_id);

  if(#{@appointment.technician_id.present?}){
     $('#appointment_technician_id').val('{@appointment.technician_id}');
}

I only want the if statement to run after the first two functions are finished executing. I can't modify those functions and include the if statement in that code, because the function is called multiple times.

You could use Deffered / Promises ... with when...then ... — Exception_al
– Exception_al, Commented Mar 21, 2017 at 13:29

Maha Dev · Accepted Answer · 2017-03-21 13:32:18Z

2

A Simple solution will be, create a callback function and put your if condition in that function. Call your callback function inside the body of your uper functions like this:

function technicianDropdownFromCBU(cbu_id){
   //do you work here
   assetsDropdownFromCBU(cbu_id);
}

function assetsDropdownFromCBU(cbu_id){
   //do you work here
   callback();
}

function callback(){
  if(#{@appointment.technician_id.present?}){
     $('#appointment_technician_id').val('{@appointment.technician_id}');
  }
}

technicianDropdownFromCBU(cbu_id);

Notes: It will execute your functions in sequence. So your if condition will run in the end.

answered Mar 21, 2017 at 13:32

Maha Dev

3,9653 gold badges34 silver badges53 bronze badges

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

1 Comment

Malinda Miller Over a year ago

I didn't want to modify those other functions, but thanks for the answer!

Yuval Pruss · Accepted Answer · 2017-03-21 13:38:30Z

1

If you are using jQuery you can use:

function someFunctions(cbu_id) {
    technicianDropdownFromCBU(cbu_id);
    assetsDropdownFromCBU(cbu_id);
}

$.when($.ajax(someFunctions(cbu_id))).then(function () {
    if(#{@appointment.technician_id.present?}){
        $('#appointment_technician_id').val('{@appointment.technician_id}');
    }
});

answered Mar 21, 2017 at 13:38

Yuval Pruss

10.1k16 gold badges48 silver badges69 bronze badges

Collectives™ on Stack Overflow

Javascript callback, execute code after calling a function

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related