0

Запустил loader - пустил Ajax запрос к серверу - пришел ответ - остановил loader. Kак это можно сделать?

7
  • какой loader?
    – etki
    17 мая 2014 в 20:54
  • прогресс бар
    – hil400k
    17 мая 2014 в 20:54
  • Вам принципиально на чистом javascript-е? Есть возможность использовать библиотеку jQuery?
    – likerRr
    17 мая 2014 в 20:56
  • есть, но у меня нет понятия на какое событие его ставить если я напишу что-то вроде этого: Ajax-query(который возвращает name) if(name){ alert(true); }, тогда алерт выполнится раньше чем пришел запрос
    – hil400k
    17 мая 2014 в 21:00
  • >если я напишу что-то вроде этого: Ajax-query(который возвращает name) if(name){ alert(true); }, тогда алерт выполнится раньше чем пришел запрос ajax - это это asynchronous javascript and xml. Ключевое слово в данном случае - **асинхронный**/ Используйте коллбэки
    – DreamChild
    17 мая 2014 в 21:04

1 ответ 1

3

Грубо говоря так:

<img class="loader" style="display: none;" src="/img/loader.gif">

<script>
        $.ajax({
            url: 'test.php',
            beforeSend: function() {
                $('img.loader').show();
            },
            complete: function() {
                $('img.loader').hide();
            }
        });
    </script>
4
  • спасибо а как сделать чтобы функция , которую я напишу после ajax-запроса, выполнялась только после того , когда придет ответ с сервера?
    – hil400k
    17 мая 2014 в 21:18
  • немного отойду от темы, как в JavaScript сделать так ,чтобы следующая функция выполнялась после завершения первой?
    – hil400k
    17 мая 2014 в 21:21
  • @hil400k callback function callbacker(callback) { callback.apply(this); }
    – etki
    17 мая 2014 в 21:33
  • @hil400k, добавьте свою функцию: complete: function() { $('img.loader').hide(); // сюда }
    – likerRr
    17 мая 2014 в 21:49

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.