Short video - Système d'autocomplete avec AJAX et PHP/PDO

1 Dec 2022 · 1 min

Watch on YouTube

0:55

In this French instructional short, the presenter builds on previous lessons about creating AJAX instances and handling asynchronous server requests. He explains that, while the client still receives plain text responses, these responses will now be generated by a PHP CGI script running on the server. Using this approach, he demonstrates how to construct an autocomplete (saisie automatique) feature that pulls suggestions from a database. The tutorial outlines the required project files: autocomplete.html (the front‑end containing the AJAX code that displays results in‑page), contenu.php (the server‑side script that queries the database and returns matching entries), and connexion.php (which holds the PDO connection string for secure database access). The video walks through the flow from AJAX request to PHP‑generated response, illustrating how to integrate client‑side JavaScript with server‑side PHP and PDO to deliver real‑time suggestions.

Chapters

Dans les vidéos précédentes, nous avons vu comment créer une instance AJAX et comment passer les requêtes au serveur dans le mode asynchrone. Nous avons aussi pu récupérer la réponse de celui-ci en format texte et en format XML. Aujourd'hui, nous allons voir comment récupérer la réponse du serveur générée en CGI. Dans notre cas, on va utiliser le langage PHP. En fait, le principe consiste toujours à récupérer une réponse texte, mais celle-ci sera générée à l'aide d'un script PHP qui tournera sur le serveur. Et comme exemple, nous allons essayer de développer un système de saisie automatique ou autocomplétion à partir d'enregistrements chargés depuis une base de données. Dans cet exemple, on aura besoin des pages suivantes: une page qui s'appelle autocomplete.html et qui contiendra le code AJAX qui permettra d'afficher le résultat sur la page même, une page qui s'appelle contenu.php qui va interroger le serveur afin d'extraire les informations depuis la base de données, et une page connexion.php qui contient la chaîne de connexion en utilisant l'objet PDO.