AJAX cu jQuery... si preloading

In acest exemplu pagina de incarcat in mod fortat ia mai mult timp si atunci afisam un gif animat ca vizitatorul sa stie ca pagina nu s-a blocat, doar lucreaza cu AJAX pentru primirea datelor. Dati un refresh daca prima oara nu ati vazut efectul.

Important: pentru ca exemplul sa mearga local trebuie sa incarcati fisierul acesta ca pagina pe server (deci cu http://...calea-spre-el.../tutorial06b.html). Aceasta daca, evident, aveti un server local instalat.

 

Va trebui sa asteptati pana se incarca prin AJAX

Codul folosit mai sus:
$(document).ready(function() {
  $("div#dhtml").load("fisier-html2.php",{nume:"Ion Popescu",varsta:30});
  $('#incarcare').ajaxStop(function() {
    $(this).hide();
  });
});

Codul paginii PHP:
<?php
  echo "<h2>Testul Ajax cu preloading</h2>";
  // aici am putea introduce codul in care
  // adaugam numele intr-o baza de date
  echo "M-am spetit, muncit, trudit, dar in cele din urma am aflat: ";
  echo "".$_REQUEST["nume"]." are ".$_REQUEST["varsta"]." ani.";
  //cod pus doar pentru a intarzia lucrurile putin
  for($i=0;$i<=5000;$i++)
    for($j=0;$j<=500;$j++)
      $k = $i + $j;
?>