Afficher des résultats : Créer un scroll infini sans rechargement de page

Dans ce tuto, nous allons apprendre à afficher plus de résultats sans recharger la page.
Nous partirons du moteur de recherche que nous avons appris à créer dans un cours précédent. Même si il est recommandé d'avoir visionné ce tutoriel, rien ne vous empêche de prendre le train en marche et d'apprendre à créer simplement ce chargement de données en scroll infini.
 

Dans ce tuto Scroll Infini sans rechargement de page :

Le Scroll Infini est une alternative moderne à la traditionnelle pagination.
Ce chargement de données s'effectuera en utilisant la technologie AJAX et jQuery.
Pour la partie PHP nous continuerons à développer en orienté objet.

Le but sera de faire apparaître un bouton "Voir plus de résultats" pour afficher plus de résultats à l'écran.
En cliquant sur ce bouton, de nouveaux résultats seront affichés sans effectuer de rechargement de page (AJAX).
Dès que nous n'aurons plus d'autres résultats à afficher, ce bouton disparaitra.

Pour suivre cette formation en ligne dans de bonnes conditions, il est fortement recommandé :

• D'avoir vu le 1er tuto
• De connaître les bases d'AJAX

Je mets à votre disposition, l'ensemble des codes de ce tuto.
Un QCM en fin de cours vous sera proposé. Ce dernier vous permettra de valider vos nouvelles connaissances !
Vous pourrez soumettre toutes vos questions dans le salon d'entraide du cours, si vous êtes bloqués à une étape de ce tuto.