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