0

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

7
  • какой loader?
    – etki
    Commented 17 мая 2014 в 20:54
  • прогресс бар
    – hil400k
    Commented 17 мая 2014 в 20:54
  • Вам принципиально на чистом javascript-е? Есть возможность использовать библиотеку jQuery?
    – likerRr
    Commented 17 мая 2014 в 20:56
  • есть, но у меня нет понятия на какое событие его ставить если я напишу что-то вроде этого: Ajax-query(который возвращает name) if(name){ alert(true); }, тогда алерт выполнится раньше чем пришел запрос
    – hil400k
    Commented 17 мая 2014 в 21:00
  • >если я напишу что-то вроде этого: Ajax-query(который возвращает name) if(name){ alert(true); }, тогда алерт выполнится раньше чем пришел запрос ajax - это это asynchronous javascript and xml. Ключевое слово в данном случае - **асинхронный**/ Используйте коллбэки
    – DreamChild
    Commented 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
    Commented 17 мая 2014 в 21:18
  • немного отойду от темы, как в JavaScript сделать так ,чтобы следующая функция выполнялась после завершения первой?
    – hil400k
    Commented 17 мая 2014 в 21:21
  • @hil400k callback function callbacker(callback) { callback.apply(this); }
    – etki
    Commented 17 мая 2014 в 21:33
  • @hil400k, добавьте свою функцию: complete: function() { $('img.loader').hide(); // сюда }
    – likerRr
    Commented 17 мая 2014 в 21:49

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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