Показване на зареждащо изображение, докато PHP се изпълнява

В повечето случаи ще има две страници. Първата страница, от страна на клиента, прави повикване към друга страница, от страна на сървъра, и показва доста въртящо се нещо, докато чака. Когато страницата от страна на сървъра завърши зареждането (когато заявката ви завърши), първата ви страница получава отговор и след това можете да скриете красивото въртящо се нещо, за да уведомите потребителя си, че е завършено.

Можете да използвате AJAX - в чист Javascript или много по-просто в jQuery - за динамично зареждане на някои данни от вашата PHP страница и показване на въртящо се нещо, докато чака. Използвах jQuery тук.

CSS

#loading_spinner { display:none; }

HTML

<img id="loading_spinner" src="loading-spinner.gif">

<div class="my_update_panel"></div>

jQuery

$('#loading_spinner').show();

var post_data = "my_variable="+my_variable;
$.ajax({
    url: 'ajax/my_php_page.php',
    type: 'POST',
    data: post_data,
    dataType: 'html',
    success: function(data) {
        $('.my_update_panel').html(data);
//Moved the hide event so it waits to run until the prior event completes
//It hide the spinner immediately, without waiting, until I moved it here
        $('#loading_spinner').hide();
    },
    error: function() {
        alert("Something went wrong!");
    }
});

PHP (my_php_page.php)

<?php
// if this page was not called by AJAX, die
if (!$_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest') die('Invalid request');

// get variable sent from client-side page
$my_variable = isset($_POST['my_variable']) ? strip_tags($_POST['my_variable']) :null;

//run some queries, printing some kind of result
$SQL = "SELECT * FROM myTable";
// echo results
?>