jquery使用觸發器點擊後$ .when（）

Question

我有一個jQuery代碼響應一個編輯功能，之後它將觸發loademployees函數，並再次加載與編輯值的表，但問題是，當我apllied它在$ .when（）中不會觸發loademployees函數。請看看我的代碼爲清楚：

$(function(){ 
$('#editEmployeeForm').submit(function(e){ 
    $.when(
     $.ajax({ 
      type: 'POST', 
      url: "<?php echo site_url('tms/updateEmployee');?>", 
      data: $(this).serialize(), 
      success: function(response){ 
       console.log(response); 
      }, 
     }), 
     $.ajax({ 
      type: 'POST', 
      url: "<?php echo site_url('tms/updatePersonalData');?>", 
      data: $(this).serialize(), 
      success: function(response){ 
       console.log(response); 
      }, 
     }), 
     $.ajax({ 
      type: 'POST', 
      url: "<?php echo site_url('tms/updateGovernment');?>", 
      data: $(this).serialize(), 
      success: function(response){ 
       console.log(response); 
      }, 
     }), 
     $.ajax({ 
      type: 'POST', 
      url: "<?php echo site_url('tms/updateRequirements');?>", 
      data: $(this).serialize(), 
      success: function(response){ 
       console.log(response); 
      }, 
     }), 
     $.ajax({ 
      type: 'POST', 
      url: "<?php echo site_url('tms/updateContacts');?>", 
      data: $(this).serialize(), 
      success: function(response){ 
       console.log(response); 
      }, 
     })); 
     $('#modalEditEmployees').modal('hide'); 
     $('#btnloadEmployees').trigger(e.type); 
    }); 
}); 

，這裏是要被觸發的功能：

$('#btnloadEmployees').click(function(e){ 
var dept = $('#cmbdept').val(); 
if(dept == "SEWING") 
{ 
    var section = $('#cmbsection').val(); 
    var line = $('#cmbline').val(); 
    var formData = {dSection:section,dLine:line,dept:dept}; 
} 
else 
{ 
    var formData = {dept:dept}; 
} 
$.ajax({ 
    type: 'POST', 
    url: "<?php echo site_url('tms/loadEmployees');?>", 
    data: formData, 
    success: function(response){ 
     console.log(response); 
     $('#tblEmployees tbody').empty(); 
     $('#tblEmployees tbody').append(response); 
    }, 
}); 
}); 

Answer 1

指https://api.jquery.com/jquery.when/的$.when語法應該像

$.when($.ajax(".."), $.ajax(".."), $.ajax("..")).done(function(){ 
    $('#modalEditEmployees').modal('hide'); 
    $('#btnloadEmployees').trigger(e.type); 
}); 

並且您應該在爲防止表單默認提交行爲之前放置e.preventDefault();。