進度對話框顯示後，ajax調用完成後，儘管其觸發BEFORE

Question

hey， 我有一個jQuery問題。我正在運行幾個Ajax調用，我想顯示一個進度對話框。然而，進度對話框不顯示，直到ajax代碼完成...當它應該清楚地啓動任何ajax請求之前。我希望你能幫助我，這是我的命.. 在此先感謝

function add() { 
    $('#loadingscreen').show(); //SHOWS UP AFTER ALL THE AJAX REQUESTS ARE FINISHED 
    $('.tdtrackname').each(function() { 
     $.ajax({ 
      cache: false, 
      async: false, 
      url: 'ajax/add.php?query=' + $(this).html(), 
      success: function(data) { 
      $('#divajax').html(data); 
      } 
     }); 
    }); 
} 

Answer 1

試試這個：如果你想進步你爲什麼要使用非AJAX的異步對話框

function add() { 
    $('.tdtrackname').each(function() { 
     $.ajax({ 
      cache: false, 
      async: false, 
      url: 'ajax/add.php?query=' + $(this).html(), 
      beforeSend: function() { $('#loadingscreen').show(); }, 
      success: function(data) { 
      $('#divajax').html(data); 
      } 
     }); 
    }); 
}