Как загрузить всю страницу через AJAX?

Question

[VANY]

Здравствуйте.
В JS новичок, в AJAX - не знаком, но знаю, что это делается с его помощью.
А именно:

<div class="loader">
</div>
<div class="content">
</div>

Как сделать так, чтобы пока loader открыт на весь экран, content одной страницы прогрузился на другую. В какую сторону копать?
*по факту, в диве контент содержится абсолютно всё, что было в body, кроме loader.

Answer 1

[Баха Рустамов]

Долго писать(

Comments

[VANY]

Хотя бы ориентировочно в какую сторону копать, тк сейчас для меня AJAX - безумно большая абстракция, которую даже не ясно откуда начать изучать для быстрого решения вопроса

[Баха Рустамов]

Иван Украинцев: вам нужен пример типа такого? Пока весь content загружается, на время открывается страница загрузки, как только content загрузился, он мнгновенно открывается, да:?

[VANY]

Баха Рустамов: есть два дива из вопроса. Когда нажимаю на ссылку, первый див открывается на весь экран (это уже есть) и ждет, пока в фоне загрузится div content. Я не знаю как:
1) работать с AJAX в принципе (ща буду копать с тем, что накидал Дмитрий);
2) надо как-то шаблонизировать страницы Wordpress для того, чтобы подгружало всё, пока этот div открыт, в том числе и header и footer и сам loader, который находится в body, но так, чтобы старый loader существовал и отображался, пока не загрузится под ним вся страница и грубо говоря он убирается и исчезает и на его смену уже новый, ждущий, когда нажмут ссылку для перехода дальше :)

Answer 2

[Дмитрий]

Смотри jquery и

1. события $(объект).on() и
   
2. $.ajax({запрос}).done(function(data){ код после получения ответа });