您可以只显示/隐藏 gif，但您也可以将其嵌入到 ajaxSetup 中，以便在每个 ajax 请求中调用它。

$.ajaxSetup({
    beforeSend:function(){
        // show gif here, eg:
        $("#loading").show();
    },
    complete:function(){
        // hide gif here, eg:
        $("#loading").hide();
    }
});

一个注意事项是，如果您想在没有加载微调器的情况下执行特定的 ajax 请求，您可以这样做：

$.ajax({
   global: false,
   // stuff
});

这样我们之前所做的 $.ajaxSetup 就不会影响global: false.

更多详细信息，请访问：http : //api.jquery.com/jQuery.ajaxSetup

jQuery 文档建议执行以下操作：

$( document ).ajaxStart(function() {
  $( "#loading" ).show();
}).ajaxStop(function() {
  $( "#loading" ).hide();
});

#loading带有忙指示符的元素在哪里。

参考：

• http://api.jquery.com/ajaxStart/

• http://api.jquery.com/ajaxStop/

• 此外，jQuery.ajaxSetupAPI明确建议避免jQuery.ajaxSetup这些：

  注意：全局回调函数应该使用它们各自的全局 Ajax 事件处理程序方法—— .ajaxStart(), .ajaxStop(), .ajaxComplete(), .ajaxError(), .ajaxSuccess(),来设置，.ajaxSend()而不是在optionsfor的对象内设置$.ajaxSetup()。

我倾向于像其他人所说的那样显示/隐藏 IMG。我找到了一个很好的网站，可以生成“加载 gif”

链接 我只是将它放在 a 中div并默认隐藏display: none;（css）然后当您调用该函数时显示图像，一旦完成再次隐藏它。

是的，这真的只是显示/隐藏动画 gif 的问题。

我在我的项目中做到了，

制作一个带有背景 url 作为 gif 的 div ，这只是动画 gif

<div class="busyindicatorClass"> </div>

.busyindicatorClass
{
background-url///give animation here
}

在您的 ajax 调用中，将此类添加到 div 并在 ajax 成功中删除该类。

它会做到这一点。

如果你需要其他东西，请告诉我，我可以给你更多细节

在 ajax 成功中删除类

success: function(data) {
    remove class using jquery
  }