推遲與異步Ajax請求完全不工作

Question

我有多個由Ajax異步請求填充的HTML列表。當所有這些請求都完成（其中有很多請求）時，我需要通過選擇與我的客戶記錄相對應的列表項來填充表單。

我試圖使用deferreds來實現這一點，但函數結束了早在列表填充之前開火。有任何想法嗎？

$.when(
    $.ajax({ 
     url: "get-status.php", 
     async: true, 
     dataType: 'json', 
     success: function (j) { 
      var options = ''; 
      $.each(j, function(key, value) { 
       options += '<option value="' + key + '">' + value + '</option>'; 
      });  
      $("select#status_id").html(options);     
     } 
    }), 
    $.ajax({ 
     url: "get-groups.php", 
     async: true, 
     dataType: 'json', 
     success: function (j) { 
      var options = ''; 
      $.each(j, function(key, value) { 
       options += '<option value="' + key + '">' + value + '</option>'; 
      });  
      $("select#group_id").html(options);    
     } 
    })      
).then(populateForm('form1',customer_id)); 

實際應用代碼：

<!-- Main function --> 
populateFormBoxSS = function(id){ 
    $.ajax({ 
     url: "get-json-fich_ss.php?id="+id, 
     async: false, 
     dataType: 'json', 
     success: function (j) {   
      // Populate drop-downs    
      $.when(populateEstadosTest('box-estado_id')).then(populateFormGeneric(j, "box")); 
     } 
    });   
} 
<!-- Generic Form Population --> 
populateFormGeneric = function (j, target) { 
    $.each(j, function(key, value) { 
     switch ($('#'+target+'-'+key).attr('type')) { 
      case 'checkbox': 
       if(value==1) { 
        $('#'+target+'-'+key).attr('checked', true); 
       } 
       break;      
      default: 
       $('#'+target+'-'+key).val(value); 
       break;     
     }           
    });  
    return function(){ 
     // Do nothing 
    } 
} 
<!-- Dropdown list population --> 
populateEstadosTest = function(field){ 
    var dfd = new $.Deferred();  
    $.ajax({ 
     url: "get-json-esta.php", 
     async: true, 
     dataType: 'json', 
     success: function (j) { 
       var options = ''; 
       $.each(j, function(key, value) { 
        options += '<option value="' + key + '">' + value + '</option>'; 
       });  
       $("select#"+field).html(options); 
       // Resolve Deferred 
       dfd.resolve();    
     } 
    }); 
    return dfd.promise(); // Returns a promise    
} 

Answer 1

不populateForm（ 'form1的'）返回一個函數？推遲。然後期待回調函數，例如像這樣：

var populateForm = function (j, target) { 
    return function() { 
     $.each(j, function(key, value) { 
      switch ($('#'+target+'-'+key).attr('type')) { 
       case 'checkbox': 
        if(value==1) { 
         $('#'+target+'-'+key).attr('checked', true); 
        } 
        break;      
       default: 
        $('#'+target+'-'+key).val(value); 
        break;     
      }           
     }); 
    }  
} 

$.when(
    $.ajax({ 
     url: "get-status.php", 
     async: true, 
     dataType: 'json', 
     success: function (j) { 
      var options = ''; 
      $.each(j, function(key, value) { 
       options += '<option value="' + key + '">' + value + '</option>'; 
      });  
      $("select#status_id").html(options);     
     } 
    }), 
    $.ajax({ 
     url: "get-groups.php", 
     async: true, 
     dataType: 'json', 
     success: function (j) { 
      var options = ''; 
      $.each(j, function(key, value) { 
       options += '<option value="' + key + '">' + value + '</option>'; 
      });  
      $("select#group_id").html(options);    
     } 
    })      
).then(populateForm('form1',customer_id));