Après le tuto sur la découverte du fonctionnement d'AJAX avec la librairie jQuery, je vous propose d'aller maintenant beaucoup plus loin dans ce système.
En effet, nous allons voir ensemble comment dynamiser notre fichier de stockage en plaçant les datas dans des tables issues d'une base de données et en les appelant via des requêtes SQL.
Comment fonctionne AJAX sous jQuery - Niveau II : SQL SELECT
Nous allons ici nous attarder sur le CREATE, c'est à dire sur les requêtes SQL de sélection au travers de la technologie AJAX. Le but sera ici de réaliser un système qui fera apparaître une partie des informations stockées dans une table sans jamais recharger la page en cours, en cliquant sur un bouton qui devra ensuite disparaître lorsque toutes les informations stockées dans la table seront affichées à l'écran.
A la fin de ce tuto, vous serez capable d'effectuer des requêtes SQL de sélection en utilisant la technologie AJAX au travers de la librairie jQuery.
Je mets à votre disposition, l'ensemble des codes issus de ce tuto. Un QCM de fin vous permettra de valider vos compétences. Je reste enfin disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur AJAX.
Pour suivre cette formation plus aisément, je vous recommande les 2 formations suivantes :
Table des matières de cette formation Ajax, jQuery, JavaScript (durée : 1h54m)
-
Présentation du job
- Présentation gratuit 00:03:31
-
HTML5 & CSS3
- Ecriture du HTML gratuit 00:04:05
- Ecriture du CSS gratuit 00:10:30
-
PHP & SQL
- Création de la BDD 00:01:47
- Instanciation de la classe PDO 00:04:39
- Ecriture de la requête SQL SELECT 00:08:43
- Affichage des commentaires 00:02:30
- Le fichier de stockage 00:05:46
-
AJAX
- Ecriture du jQuery 00:03:33
- Compter les affichages 00:07:59
- Cacher le bouton lorsque tous les commentaires sont affichés 00:04:04
- Envoyer une variable à notre fichier JS 00:06:56
- Affichage d'une image de loading 00:04:52
-
Pour aller encore plus loin
- Présentation 00:01:16
- Création de la table article 00:02:24
- Mise en place d'une nouvelle requête SQL 00:03:58
- Ajout de nouveaux articles 00:07:38
- Rechargement de la page courante 00:03:31
- Lier les commentaires au bon article 00:05:24
- Réglages du programme 00:04:55
- Passage de l'identifiant de l'article 00:07:15
- Paramètre par défaut 00:05:46
-
Conclusion
- Ce que contiennent les codes sources de ce tuto 00:01:55
- Conclusion 00:01:22
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci Carl pour ce cours bien expliqué. Ça n'a pas été facile avec les rafraîchissements du navigateur. En réalité, si je n'avais pas suivi la formation PHP et PDO, j'aurais peiné à suivre. Là, où je suis satisfait, c'est d'avoir pu le faire sans copier-coller le code de correction. Merci beaucoup pour votre travail. Validé 100 % AJAX #2 SQL SELECT
-
Excélent tuto, Les vidéo sont bien structurée et facile à comprendre, avec des explications claires et concises pour chaque étape . Les exemples sont pertinents et bien choisis, permettant de voir exactement comment les différentes fonctions et méthodes sont utilisées pour créer des applications Web dynamiques et interactives.
-
Merci, que du plaisir à suivre ce tuto qui est clair, net et précis. J'ai exactement trouvé les infos nécessaires à mon dev.
-
Avec quelles versions de logiciels ce tuto est-il compatible ?Ajax , jQuery
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?L'ensemble des codes de ce tuto.
note moyenne
avis laissés