异步 ajax 调用 - 显示加载 gif

Question

我正在使用 ajax 在我的控制器中调用 POST 方法。此方法平均运行 15 到 20 秒。

我在该调用中使用 aync false 是因为我需要等待答案才能知道该走哪条路。但是，当我使用 async false 时，我的加载 (gif) 没有显示。

$(document).ajaxStart(function() {
    $('#overlay').show();    
});

$(document).ajaxStop(function() {
    $('#overlay').hide();
});

最好的解决方法是什么？

编辑 1

我有执行多个验证并调用控制器中的方法的保存功能：

function salvarInformacoes(pedidos, ums, callback) {
    $.ajax({
        url: 'PlanoCortes/SalvarInformacoes',
        type: 'POST',
        data: {
            sglDeposito: $("#ddl-Deposito option:selected").text(),
            codUnimetPCP: $('#ddl-Um-sip').val(),
            numEtapa: $("#ddl-Operacao").val(),
            rotinaUM: $('#chk-Rotina-UM').is(":checked"),
            dscEtapa: $("#ddl-Operacao option:selected").text(),
            dadosPedidosJson: pedidos,
            dadosUMsJson: ums,
            corteVirtual: corteVirtual
        },
        success: callback
    });
}

function salvar() {
  var resultado = false;
  ...
  salvarInformacoes(JSON.stringify(pedidos), JSON.stringify(ums), myCallback);
  
  function myCallback(retorno) {
      if (retorno.success != false) {
          ...
      }
      else {
          resultado = false;
          return;
      }

      resultado = true;
  }
  
  return resultado;
}
  ...

在调用方法“myCallback”之前，函数返回false。这样，下面语句里面的代码就永远不会执行了：

if (salvar()) {
  ...
}

Answer 1

最好的解决方法是什么？

不要使用async: false。

浏览器不显示更改，因为async: false 使操作非异步并锁定浏览器。保持异步代码异步，您可以在代码执行时执行其他操作。

我需要等待答案才能知道该走哪条路。

这是代码中某处设计缺陷的结果。您可以尝试通过the question and answers here 寻求帮助。本质上，您不希望在等待响应时阻塞客户端代码，而是希望在响应到达时对其进行处理。