Karim's Blog

Un peu de tout sur CSS, HTML, AngularJS, JavaScript, Php et le reste

Ajax & jQuery

Je vais essayer de vous faire comprendre les bases de l'AJAX avec jQuery :

Tout d'abord AJAX est l'acronyme de Asynchronous Javascript and XML.
L'AJAX est assez compliqué sans jQuery mais jQuery permet de rendre certaines fonctionnalitées de l'AJAX relativement simple.
Nous allons principalement voir une fonctionnalité de l'AJAX avec jQuery:

- La méthode load() va nous permettre d'intégrer dans un élément de notre page un document externe.


$('#ajax').click( function() {
$('#header').load('demo_ajax.html');
});

L'ajax est aussi très utile lors d'envoie de formulaire ou lors d'un test sur une adresse mail sans rafraichir la page.
Ceci peut se faire grâce à la fonction $ajax :


var requete = $.ajax({
url: "verif_email.php",
type: "post",
data: "mon_email="+var_email_resp,
success: function(){
if(requete.responseText == "false")
{ }
else { }
}

Explications :

- url permet de spécifier le fichier où je vais envoyer mes données
- type permet de spécifier le type d'envoie soit POST soit GET
- data permet de spécifier les données que l'on souhaite envoyer
- success permet de récupérer les erreurs ou les retours du fichier spécifié dans la propriété url

Pour plus de renseignements : jQuery Ajax