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