如何结束我的ajax-loader.gif - How to end my ajax-loader.gif?

How to end my ajax-loader.gif?

我正在使用OpenCart，我有一系列AJAX调用对用户来说是隐藏的，需要一点时间才能加载。我想显示一个ajax加载程序gif，但我是个新手，不知道如何编写代码。AJAX调用在单击签出按钮并进入签出页面时开始。ajax-loader.gif将在签出页面上，当ajax运行并且适当的信息填充页面上的div时，它将结束。

我真的对AJAX一无所知。如果你需要，请提示我更多的细节。

我尝试显示/隐藏div的背景图像：

<script language="Javascript" type="text/javascript">
  $('#confirm.checkout-heading').css("background-image", "url('../image/ajax-loader.gif')");
  $.ajax({
    url: 'opencart/index.php?route=checkout/checkout',
    success: function(data) {},
    failure: function(){},
    complete: function(){ $('#confirm.checkout-heading').css("background-image", "none"); }
  });
</script>

CSS：

#confirm .checkout-heading {
    background: #fff url('../image/ajax-loader.gif') 98% 50% no-repeat;
}

如果您使用jquery，那么您可能会以成功、错误或任何情况结束。。

$('#loader').show();
$.ajax({
  url: 'backend.php',
  success: function(data) {},
  failure: function(){},
  complete: function(){ $('#loader').hide(); }
});