Javascriptのコールバック関数

Question

を呼び出した後にコードを実行するには、私は私が最初の2つの機能の実行が終了した後にif文を実行するために私のdocument.ready

technicianDropdownFromCBU(cbu_id); 
    assetsDropdownFromCBU(cbu_id); 

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

に次のコードを望んでいます。関数を複数回呼び出すため、これらの関数を変更したり、そのコードにifステートメントを含めたりすることはできません。

Answer 1

単純な解決策は、コールバック関数を作成し、その関数にif条件を入れることです。このようなあなたのUPER機能の体内にコールバック関数を呼び出します。

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); 

注：それは順番にあなたの機能を実行します。あなたのif条件は最後に実行されます。

Answer 2

あなたが使用できるjQueryのを使用している場合：

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}'); 
    } 
});