PHP निष्पादित करते समय लोडिंग छवि दिखाएं

अधिकांश मामलों में, आप करेंगे दो पृष्ठ हैं। पहला पृष्ठ, क्लाइंट-साइड, दूसरे पेज पर कॉल करता है, सर्वर-साइड, और प्रतीक्षा करते समय एक सुंदर कताई चीज़ दिखाता है। जब सर्वर-साइड पृष्ठ लोड करना समाप्त कर देता है (जब आपकी क्वेरी पूरी हो जाती है) तो आपके पहले पृष्ठ को एक प्रतिक्रिया मिलती है और फिर आप अपने उपयोगकर्ता को यह बताने के लिए सुंदर कताई चीज़ को छुपा सकते हैं कि यह समाप्त हो गया है।

आप AJAX का उपयोग कर सकते हैं - शुद्ध जावास्क्रिप्ट में या jQuery में बहुत सरल - अपने PHP पृष्ठ से कुछ डेटा को गतिशील रूप से लोड करने के लिए और प्रतीक्षा करते समय कताई वाली चीज़ दिखाने के लिए। मैंने यहां jQuery का उपयोग किया है।

सीएसएस

#loading_spinner { display:none; }

एचटीएमएल

<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
?>