进度对话框在 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);
          }
        });
     });
}