Exemple AJAX en Jquery
Description
Bonjour,
Je vous propose des petits exemples de scripts AJAX en javascript(jquery)/php
Pour fonctionner, vous devez déposer les sources sur un serveur web ou bien utiliser une
application telle que XAMPP, EAYSYPHP, WAMP ... pour émuler un serveur web (apache/mysql)
Le Zip contient
- Le script sql de création de la bdd utilisée
- Les fichiers JS nécéssaires (y compris jquery 3.2.1)
- Un fichier de style css (très sommaire) ainsi qu'une font (font awasome)
- Les fichiers PHP de connexion à la bdd (utilisant PDO) et un fichier de fonctions qui contient
les différentes requêtes SQL.
--> vous pouvez bien entendu transformer le PDO en mysqli....
NB : Si vous renommez le répertoire du site ou si vous ne le placez pas à la racine de votre serveur,
n'oubliez pas de modifierle chemin dans le fichier ajx/monFichierAjax.ajx.php
J'ai essayé de commenter de façon suffisante les codes.... mais si certaines choses vous échappent
n'hésitez pas à me le remonter.
Bien entendu, pour comprendre le fonctionnement... il faut avoir un minimum de connaissances en Javascript, en SQL et en PHP.
Il y a deux (enfin.. trois plus exactements) exemples d'ajax :
- récupérer des infos en BDD pour les afficher :
- Modifier une donnée dans la BDD:
Vous trouverez la documentation sur les fonctions $.ajax de jquery sur leur site :
http://api.jquery.com/jquery.ajax/
Je vous invites également à prendre connaissance de ceci :
http://www.commentcamarche.net/faq/48399-php-gestion-des-erreurs-debogage-et-ecriture-du-code
Je vous propose des petits exemples de scripts AJAX en javascript(jquery)/php
Pour fonctionner, vous devez déposer les sources sur un serveur web ou bien utiliser une
application telle que XAMPP, EAYSYPHP, WAMP ... pour émuler un serveur web (apache/mysql)
Le Zip contient
- Le script sql de création de la bdd utilisée
- Les fichiers JS nécéssaires (y compris jquery 3.2.1)
- Un fichier de style css (très sommaire) ainsi qu'une font (font awasome)
- Les fichiers PHP de connexion à la bdd (utilisant PDO) et un fichier de fonctions qui contient
les différentes requêtes SQL.
--> vous pouvez bien entendu transformer le PDO en mysqli....
NB : Si vous renommez le répertoire du site ou si vous ne le placez pas à la racine de votre serveur,
n'oubliez pas de modifierle chemin dans le fichier ajx/monFichierAjax.ajx.php
$dirSite = $doc_root."/monsite/";
J'ai essayé de commenter de façon suffisante les codes.... mais si certaines choses vous échappent
n'hésitez pas à me le remonter.
Bien entendu, pour comprendre le fonctionnement... il faut avoir un minimum de connaissances en Javascript, en SQL et en PHP.
Il y a deux (enfin.. trois plus exactements) exemples d'ajax :
- récupérer des infos en BDD pour les afficher :
- Alimenter une liste déroulante
- Alimenter un tableau en fonction du choix réaliser dans la liste déroulante (pourrait être utilisé pour des listes liées par exemple)
- Modifier une donnée dans la BDD:
- Supprimer un élément en BDD (mais on pourrait également faire de l'update ou de l'insert)
Vous trouverez la documentation sur les fonctions $.ajax de jquery sur leur site :
http://api.jquery.com/jquery.ajax/
Je vous invites également à prendre connaissance de ceci :
http://www.commentcamarche.net/faq/48399-php-gestion-des-erreurs-debogage-et-ecriture-du-code
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.