Ajax et JQuery

jQuery permet de simplifier et d’uniformiser le code javascript.

Pour développer une page utilisant jQuery, vous devez télécharger le fichier jQuery.js (ici : http://jquery.com/download/). Puis inclure ce .js entre deux balises script : <script src= »jquery.js »></script> et de placer votre code entre deux balises <script> Ajout de dataType:‘jsonp’ pour lire les données en provenance d’un autre site. http://www.jquery4u.com/json/jsonp-examples/

 <!doctype html>  
 <html>  
 <head>  
   <meta charset="utf-8" />  
   <title>Demo</title>  
 </head>  
  <body>  
   <button id="action">Lancer la requête AJAX</button><br />  
   <script src="jquery.js"></script>  
   <script>  
    $(function() {  
     $('#action').click(function() {  
      $.ajax({  
       type: 'GET',  
       url: 'fete.php',  
       timeout: 3000,  
       success: function(data) {  
                 var json = $.parseJSON(data);  
        alert(json.nbfete); },  
       error: function() {  
        alert('La requête n\'a pas abouti'); }  
      });    
     });   
    });  
    </script>  
  </body>  
 </html>  

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

Articles récents
Commentaires récents
fatima sur Bienvenue !
AdminDroid sur Bienvenue !
fatima sur Bienvenue !
Archives
Catégories
%d blogueurs aiment cette page :