Afficher les produits suivants en ajax

HTML:

<a href="https://example.com/next-products.php" id="load-next-products">Produits suivants</a>
<div id="next-products"></div>

<script>
$(function () {
  $('#load-next-products').on('click', function (e) {
    e.preventDefault();
    $('#next-products').load($(this).attr('href'));
  })
});
</script>

 

Mais le bouton est à mettre après la div next-products pour qu'il reste à chaque fois en bas, et faire un append sinon next-products perdra les produits précédents.

Et sans doute besoin d'envoyer un paramètre (n° de page) pour que côté serveur on sache à partir d'où repartir.

Gérer aussi la disparition du bouton s'il n'y a plus de suite.

 

Heu oui c'était l'exemple le plus basique possible

 

il faut vérifier que le request est fait en AJAX:
https://snipplr.com/view/39644/check-if-request-is-ajax-request
Sinon HTTP 403