JQUERY – Ajax

I► Dans cet article, nous allons aborder les fonction jQuery.ajax ou $.ajax | $.get | $.post | $.getJSON

Voici un exemple de traitement Ajax classique .. en javascript évidemment

Capture

 

Voici le même traitement en Ajax jQuery

Capture

La fonction ajax admet plusieurs attributs dont :

  1. La page sollicitée par la requete (url)
  2. Le type de requête POST | GET | PUT | DELETE
  3. Les données sérialisées à envoyer à la page concernée par la requête
  4. le CallBack de succès
  5. Le CallBack en cas d’erreur
  6. Le type de données que l’on attend du serveur : HTML | XML | JSON

Les fonctions get et post sont des alias de ajax mais possèdent évidemment un type de requête prédéfini, elles se construisent comme suit : $.get(url, paramètres) ou $.post(url, paramètres)
Exemple :

$(‘#bouton’).click(function() {

$.get(‘fichier.htm’, function(data) {
$(“#boite”).append(data);
});

});

La fonction getJSON permet de récupérer des fichiers dont le datatype est du JSON, pour info reportez vous à l’article : http://www.bocciolesi.fr/tutoriels-et-cours/json-javascript-object-notation/

Voici un exemple :

Capture

 

Le fichier.php :

Capture2

 

Michel BOCCIOLESI