Mysql
 sql >> база данни >  >> RDS >> Mysql

Как да заредя Individual Div, без да зареждам цялата страница и да показвам състоянието на зареждане?

Правя това:

първо имате скрития div със зареждане if в него и бутон за зареждане:

<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" />

След това имате JS кода (аз използвам jQuery)

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

Така. Имате контейнер "displayDiv"; вътре имате изображение "loadingGIf" и друг контейнер "actualContent"; Когато щракнете върху бутона за зареждане, се появява големият контейнер със зареждащия gif, който уведомява потребителя, че нещо се зарежда. Когато съдържанието се зареди, просто скривате loadingGif и показвате информацията в gif "actualContent". В test.php просто повтаряте това, което трябва да се появи в div. Препоръчвам да използвате JSON, но ще прочетете повече за него.

Надявам се това да помогне.



  1. Database
  2.   
  3. Mysql
  4.   
  5. Oracle
  6.   
  7. Sqlserver
  8.   
  9. PostgreSQL
  10.   
  11. Access
  12.   
  13. SQLite
  14.   
  15. MariaDB
  1. Как да разрешите клаузата ORDER BY не е в списъка SELECT, причинено от MySQL 5.7 с SELECT DISTINCT и ORDER BY

  2. Избиране на данни от MySql таблица в масив

  3. Laravel - Модел на заявка, ако стойностите съдържат определен низ (взет от вход за търсене)

  4. ИЗВЪРШЕН ЗАСТЪПВАНЕ Създаване на спешни нишки за неразпределени висящи задачи

  5. C# и mysqldump