- Erreur
Tutoriaux
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
});
Flux RSS pour les commentairesPar joe , juillet 13, 2009
Par kamal , août 10, 2009
j'ai copie coller votre script et il m'affiche :
alert ===>
normalement il faut afficher ===> Dave \n Cette adresse email est protégée contre les robots des spammeurs, vous devez activer Javascript pour la voir. '> Cette adresse email est protégée contre les robots des spammeurs, vous devez activer Javascript pour la voir.
!!!!!!!!!!!
Par youyou , octobre 04, 2009
je veus savoir comment afficher un message d'attente, ou un gif pendant l'exécution de la requete ajax avec jquery??
merci d'avance
Par Ed Hardy , mai 13, 2010
Par fiwedding , juin 12, 2010
Navigation
Réseaux sociaux
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