Question

我正在使用OpenCart，我有一系列对用户隐藏的AJAX调用，需要一点时间才能加载。我想显示一个ajax-loader 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;
}

Answer 1

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

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

如何结束我的ajax-loader.gif？

1 个答案: