即使BEFORE触发了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);
          }
        });
     });
}