Tutoriaux

Introduction aux requêtes Ajax grâce à JQuery

Administrateur

Nov 11 |20:59

Ajax, vous avez déja entendu ? À mon avis, si vous êtes entrain de développer un site web, vous savez certainement de quoi on parle. Comme cette technologie est de plus en plus présente sur le web, nous allons voir comment, grâce à une des librairies Javascript les plus populaires du net, effectuer des requêtes Ajax avec JQuery.

JQuery tente de s'imposer dans le monde du web2.0 et à entièrement réussi son paris. Son code est très simple, intuitif et vraiment efficace. Le principe de jQuery est d'écrire le moins de code possible afin d'en réaliser le plus possible.

jQuery propose 5 facons d'utiliser l'Ajax :

    * load : Utilisé pour charger simplement le contenu d'une page PHP ou HTML.
    * get : Utilisé pour charger le contenu d'une page PHP avec la méthode GET.
    * getJSON : Utilisé pour charger le contenu d'une page PHP avec la méthode GET et récupéré le json de retour.
    * post : Utilisé pour charger le contenu d'une page PHP avec la méthode POST.
    * getScript : Utilisé pour charger un fichier javascript en local.

De plus, JQuery propose 6 événements récupérable durant l'éxécution d'une requête AJAX :

    * complete : Exécute une fonction quand la requête AJAX est terminée.
    * error : Exécute une fonction quand la requête AJAX contient une erreur.
    * send : Exécute une fonction quand la requête AJAX va commencer.
    * start : Exécute une fonction quand la requête AJAX commence.
    * stop : Exécute une fonction quand la requête AJAX s'arrête.
    * success : Exécute une fonction quand la requête AJAX est terminé avec succès.

Exemple d'utilisation :

GET

// Page test.php
echo $_GET['nom'] .' '.$_GET['email'];

// Fichier test.js
$(document).ready(function () { // On verifie que la page est chargée
        $.get("test.php",{nom: "Dave", email: " Cette adresse email est protégée contre les robots des spammeurs, vous devez activer Javascript pour la voir. "},
        function success(data){ // Au succès on renvoie le résultat de la requête
        alert(data); // Affichage
    });
});

POST

// Page test.php
echo $_POST['nom'] .' '. $_POST['email'];

// Fichier test.js
$(document).ready(function () {
    $.post("test.php", { nom: "Dave", email: " Cette adresse email est protégée contre les robots des spammeurs, vous devez activer Javascript pour la voir. " },
    function success(data){
        alert(data);
    });
});

POST JSON

// Page test.php
echo json_encode($_POST);

Envoyer par mail

Vu: 8166

Commentaires (4) Add Comment

Flux RSS pour les commentaires

Comment utiliser le résultat de variables???
Par The_Death_Raw , juin 01, 2009

Salut et merci pour tes infos sur ajax avec jquery,
Voici mon problème, je n'arrive pas a récupérer (dans le cadre d'un login) les variables nom et mot de passe lors d'un fetch_row donc l'utilisation de ajax me parais bien compliquer car ça ne passe pas...
Pourrais tu m'éxpliquer comment utiliser le résultat de variables php via ajax avec jQuery s'il te plait?

Merci d'avance