Comment utiliser Ajax avec jQuery ?

Il existe plusieurs façons d'utiliser Ajax avec jQuery, plusieurs fonctions qui permettent d'appeler des scripts et de les charger dynamiquement à l'aide d'Ajax.

A l'aide de la fonction .load() :

$("#contenair").load("mapage.html"); //exemple 1
$("#contenair").load("mapage.php"); //exemple 2
$("#contenair").load("mapage.php?variable=valeur //exemple 3

Exemple 1 : On charge une simple page en HTML dans le l'élément portant l'id contenair

Exemple 2 : On charge une page dynamique en PHP

Exemple 3 : On charge une page dynamique en PHP en lui passant des variables

A l'aide de la fonction .ajax();

$.ajax({ type: "POST", //methode GET ou POST 
url: "mapage.php", //url à appeler
data: "nom=Marc&prenom=Dupont", success: function(msg){
alert( "Fiche enregistrée : " + msg ); //réponse du script si l'envoi de données a réussi
}
});

type : méthode de passage des variables - POST ou GET

url : url du fichier de traitement PHP

data : variables à passer au fichier PHP sous cette forme "nom_de_la_variable=valeur_de_la_variale"

success : si le chargement à réussi on fait appelle à une fonction

Cette méthode permet de charger dynamiquement des données depuis un script PHP en lui envoyant des variables soit avec la méthode POST ou GET et d’exécuter une fonction si le chargement a réussi.