Как закончить мой ajax-loader.gif? - PullRequest
Новая
       7

Как закончить мой ajax-loader.gif?

0 голосов
/ 24 марта 2012

Я использую OpenCart, и у меня есть серия вызовов AJAX, которые скрыты от пользователя и требуют немного времени для загрузки. Я хочу показать gif-загрузчик ajax, но я новичок и не знаю, как написать код. Вызовы 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;
}

1 Ответ

2 голосов
/ 24 марта 2012

если вы используете jquery, то вы можете закончить с успехом, ошибкой или любым другим случаем. 

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