Гифка лоадер должна появляться пока страница обрабатывается
Вопрос по javascript . как используя ajax-технологию сделать так , чтобы при условии пока страница ещё не загрузилась, пользователю выводилась на экране гифка с надписью loading..., но когда страница уже будет полностью обработана интерпретатором , эта картинка исчезала и на экране появлялась бы полностью обработанная страница? Для этого как я понимаю нужно использовать состояния готовности. Т.е, если состояние готовности равно 3 то вывести гифку с загрузкой, если 4, то гифка удаляется и появляется готовая страница. Нужен пример на чистом javscript. А то что-то я не догоняю)
|
<style>
div{
display: none;
}
</style>
<div>Здесь гифка</div>
<script>
var div = document.querySelector('div');
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://javascript.ru');
xhr.send(null);
div.style.display = "block";
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
div.style.display = 'none';
}
}
</script>
|
вы написали что нужен пример на яваскрипте чистом, а тему выбрали jQuery
уточните запрос |
| Часовой пояс GMT +3, время: 03:38. |