login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Ajax en jQuery (Opgelost)

Offline Aar - 23/01/2010 11:52
Avatar van AarPHP interesse Hallo Sitemasters,

Ik heb plannen om het nieuwste jQuery framework te gaan gebruiken op mijn site, en ik wou graag een een AJAX iets gaan bouwen om data zoals vertragingen van het spoor op te halen (heb toestemming).

Nou wou ik dit dus gaan bouwen, en stuitte op:
http://api.jquery.com/category/ajax/

Ik wou vraag dus met AJAX de data ophalen met zi'n draaiend Throbbertje erbij. Kan iemand me op weg helpen hoe ik dit het beste kan aanpakken? Lijkt me weinig moeite voor de jQuery expert zodat ik weer op weg kan komen. Ik zie door de diverse AJAX-functies het bos niet meer ;)

6 antwoorden

Gesponsorde links
Offline lemoinet - 23/01/2010 13:48
Avatar van lemoinet PHP gevorderde http://api.jquery.com/ajaxStart/
http://api.jquery.com/ajaxStop/

met deze twee functie kan je een functie uitvoeren bij het begin van een ajax request en op het einde
Offline Aar - 23/01/2010 14:51
Avatar van Aar PHP interesse En hoe kan je zo'n throbber dan doen?
Zo'n draaiend plaatje die blijft draaien totdat de AJAX-request uitgevoerd is?
Offline henver - 23/01/2010 15:12 (laatste wijziging 23/01/2010 15:14)
Avatar van henver HTML gevorderde Je kan bij het begin van de request een functie uitvoeren die bijvoorbeeld een div zichtbaar maakt met het plaatje.

Bij het einde van de request maak je een functie die de div weer doet verdwijnen.
Offline Aar - 23/01/2010 15:18 (laatste wijziging 23/01/2010 15:19)
Avatar van Aar PHP interesse kan iemand een klein opzetje geven van de code ;)?
Dan kom ik er zelf wel uit denk ik.
Offline henver - 23/01/2010 15:25 (laatste wijziging 23/01/2010 15:31)
Avatar van henver HTML gevorderde JavaScript:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. $(document).ready(function(){
  2.     $("#loading").ajaxStart(function(){
  3.         $(this).text('Loading');
  4.     });
  5.  
  6.     $("#loading").ajaxStop(function(){
  7.         $(this).text('');
  8.     });
  9. });


HTML:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="loading"></div>


Iets dergelijks
Bedankt door: Aar
Offline Aar - 23/01/2010 15:44 (laatste wijziging 23/01/2010 15:45)
Avatar van Aar PHP interesse Ik ben even aan het spelen gegaan:

http://test.claij.nl/

php code - Bekijk de code zonder highlighting - Klap code in 
  1. $(document).ready(function(){
  2.  
  3.  
  4. 	$("#loading").ajaxStart(function(){
  5. 	   $(this).show();
  6. 	 });
  7.  
  8. 	$("#loading").ajaxStop(function(){
  9. 	      $(this).hide();
  10. 	 });
  11.  
  12. 	$('.result').load('getal.php');
  13.  
  14. });

Als ik met een sleep(3); in in mijn PHPscript de boel vertraag wordt de throbber duidelijk zichtbaar ;)

Thnx  
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.191s