Afficher les produits suivants en ajax

poupilou

WRInaute impliqué
Salut à tous,

Je cherche une solution qui permettrait au clic d'un bouton "Afficher les 20 produits suivants" situé en bas de mon catalogue de produits d'afficher en ajax, sous les autres produits, les 20 produits suivants.

J'ai cherché sous Google mais je n'ai rien trouvé, auriez-vous un bout de script qui pourrait faire cela ?

Merci pour vos réponses.
 

spout

WRInaute accro
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>
 

rick38

WRInaute passionné
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.
 

Discussions similaires

Haut