Ben bunu:

ilk önce bir yükleme ile gizli div var bunun ve bir yük düğme eğer:

<div id="displayDiv" style="display: none">
  <img id="loadingGif" src="loadingGif" style="display:none"; />
  <div id="actualContent" style="display:none" />
</div>
<input type="button" id="loadButton" />

Sonra (jQuery kullanmak) JS kodu var

<script type="text/javascript">
   $(document).ready( onDocumentReady); // this runs before page load

   function onDocumentReady()
   {
      $('#loadButton').click( onLoadClick ); //assign action on button click
   }   

   function onLoadClick()
   {
       $('#loadingGif').show(); // show the loading gif. It won't show as long as it's parent is hidden
       $('#actualContent').hide(); // hide the actual content of the response;
       $('#displayDiv').show(); // display the div
       $.get("test.php", onRequestComplete ); // make the ajax request to the stand alone PHP file
      //so as long as the content loads, the loading gif will show;
   }

   function onRequestComplete( data )
   {
      $('#loadingGif').hide();
      $('#actualContent').html( data );
      $('#actualContent').show();
   }
</script>

Yani. Sen bir kap "displayDiv" var; Bir görüntüyü "loadingGIf" ve başka konteyner "actualContent" var içinde; Eğer yük düğmesine tıkladığınızda, yükleme gif ile büyük konteyner şey yükleme olduğunu kullanıcıya bildiren görünür. Içerik yüklendiğinde, sadece loadingGif gizlemek ve "actualContent" gif olarak bilgi ekranı. Test.php olarak sadece div görünmesi gerekenleri yankı. JSON kullanmanızı öneririz, ancak bu konuda daha fazla okurum.

Umarım bu yardımcı olur.

Kullanım PHP + AJAX + Mysql, bu. Php hangi Ajax işlevini dediğimiz içeren bir ". Php" dosya oluşturmak dosya çağrılması gerekir .. (dosyanıza mi bu isim vermeyin, bu sadece bir referans örnek) hangi olacak olay arama başına olarak görüntülenir ...