Как сделать preloader в php до загрузки html?

Question

[emchummer]

Здравствуйте,
При входе на сайт передается 2 параметра GET в php файл, там выполняется скрипт и происходит дамп с другого сайта с помощью file_get_contents, после получения данных все переменные передаются через require_once в HTML файл.

ВОПРОС: Из-за того что file_get_contents работает долго, как можно показать пользователю preloader сразу как начнется выполняться скрипт? Пробовал вставлять отображение preloader в начало php и закрывать уже в html. Пробовал только в HTML оставлять и только в PHP. Ничего не выходит, все кособоко. Либо preloader не снимается, либо происходит загрузка страницы и только потом показывается на пол секунды preloader.

Preloader использую вот такой:

<div id="p_prldr"><div class="contpre"><span class="svg_anm"></span><br>Подождите<br><small>идет загрузка</small></div></div>
..............
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">$(window).on('load', function () {
    var $preloader = $('#p_prldr'),
        $svg_anm   = $preloader.find('.svg_anm');
    $svg_anm.fadeOut();
    $preloader.fadeOut('slow');
});</script>

Comments

[Дмитрий]

Тег пхп тут лишний

[Lord_Dantes]

если вы юзаете вардпрес используйте плагин

Answer 1

[Immortal_pony]

Все, что делает PHP происходит до того как клиент получает HTML и JS.
Вам необходимо делать загрузку тяжелых данных через AJAX

Comments

[emchummer]

То есть мне изначально нужно, чтобы пользователь заходил на HTML страницу, а не на PHP?

[Евгений Самсонов]

emchummer, PHP выполняется на сервере и в результате отдает HTML, который выводится пользователю. Это нужно понимать

Вам требуется:
1. Вывести страницу с лоадером (без данных)
2. Сделать AJAX запрос на получение данных
3. После выполнения AJAX запроса скрыть лоадер и добавить данные на страницу

[emchummer]

Евгений Самсонов, А как AJAXом запросить выполнение PHP скрипта и получить от него данные? И должны ли в таком случае от PHP передаваться только переменные или весь HTML код?

[Евгений Самсонов]

emchummer, в этом и суть AJAX, наверное, вам нужно более подробно познакомится с этой технологией. Благо в интернете полно статей и книг с примерами

> И должны ли в таком случае от PHP передаваться только переменные или весь HTML код?
Тут как вам удобнее. Можно получить HTML данные и вывести их на страницу, а можно получить в любом другом формате (JSON, XML...) и сгенерировать HTML на лету на JavaScript

[Lynn «Кофеман»]

Ну вообще-то в теории можно вывести кусок html-я и отдать его пользователю продолжая заниматься своим делом. А потом отдать оставшийся кусок.
Но обычно этому мешает какой-нибудь nginx который никто не умеет настраивать

[Lynn «Кофеман»]

https://www.sitepoint.com/php-streaming-output-buf... вот например. Хотя сейчас проще не заморачиваться, а быстро отдать html и потом медленно получать данные ajax-ом отдельным запросом

Answer 2

[ThunderCat]

есть вариант без аякса:
1) делаете ссылку на страничку с прелоадером, то есть весь контент - только прелоадер
2) Делаете на ней js: location.href = 'урл с гет параметрами который долго грузится'
3) Profit! пока пхп не отдаст содержимое страницы с вашими тяжелыми запросами будет крутиться прелоадер, потом сразу загрузится вся тяжелая страничка.