jquery - 前にトリガーされたにもかかわらず、ajax 呼び出しが終了した後に進行状況ダイアログが表示される

Question

ねえ、私は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

これを試してください：

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