Tutoriaux
Introduction aux requêtes Ajax grâce à JQuery
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);
// 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.nom +' '+data.email);
},"json"); // On passe en paramètre optionnel le type de retour ici JSON
});
Ajouter cette page à votre réseau social favoris
Rétrolien(0)
Adresse URI pour un rétrolien sur cet articleCommentaires (1)
Flux RSS pour les commentaires
Ecrivez un commentaire
Navigation
Publicités
Nos services
Programmation Web
Que ce soit pour faire la conception d'un site Web ou pour la refonte d'un site existant, nous avons la solution.
La création et la conception Web sont au cœur de nos activités. Chaque concept et création sont différents, et chaque client est unique. Rien n’est laissé au hasard pour faire de votre création multimédia un outil unique de promotion.
Suite ...
Programmation Desktop
Quel que soit votre projet, nous pouvons le réaliser pour vous !
Grâce à notre expertise en programmation, nous sommes en mesure de concevoir une variété d’applications qui pourront vous permettre d’augmenter votre clientèle, de la fidéliser ou encore de réduire vos coûts d’opération ! Nos critères élevés de contrôle de qualité ainsi que la grande expertise de nos programmeurs et de nos chargés de projets contribuent au succès des mandats qui nous sont confiés.
Suite ...
Autres ...
Quel que soit vos projets ou vos idées, contactez nous!
Grâce à notre expérience et notre expertise en informatique, nous serons en mesure d'évaluer vos projets et nous pourrons trouver une solution à vos problèmes. Que ce soit de la programmation ou de la base de données ou bien tout autres problèmes informatiques, contactez nous, nous serons là pour vous.
Suite ...
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