jQuery - Dynamisches Nachladen

Erstellt am 24. August 2007  
1489
vote

Es kann ja öfters vorkommen, das beim laden einer Seite bestimmte Teile erst erzeugt werden müssen. zB dynamisch generierte Grafiken,... Dieser Vorgang dauert dann einige Zeit, und die Seite wird erst mit Verzögerung geladen.
Mit jQuery kann man das Problem schön umgehen:

JavaScript Code:


$.ajax({
   type: "GET",
   url: "test.php",
   data: "div1",
   success: function(msg){

       $('#div1').empty()
       $('<span>'+msg+'</span>').appendTo('#div1');

   }
 });

php Code (test.php)


<?php
sleep
(5);
echo 
"Neuer Inhalt";
?>

Online Demo (neuer Inhalt erscheint nach 5 Sekunden)