Afficher les produits suivants en ajax

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par poupilou, 12 Mai 2020.

  1. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    838
    J'aime reçus:
    10
    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.
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 101
    J'aime reçus:
    305
    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>
     
  3. rick38
    rick38 WRInaute passionné
    Inscrit:
    23 Février 2013
    Messages:
    1 544
    J'aime reçus:
    210
    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.
     
  4. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 101
    J'aime reçus:
    305
    Heu oui c'était l'exemple le plus basique possible :)
     
  5. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    838
    J'aime reçus:
    10
    Merci spout et rick38, je vais tester ce code.

    C'est quoi un append, comment on fait cela ?
     
  6. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    838
    J'aime reçus:
    10
  7. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 101
    J'aime reçus:
    305
Chargement...
Similar Threads - Afficher produits suivants Forum Date
Ecommerce : afficher 10 ou 50 produits par page ? e-commerce 29 Janvier 2014
Afficher stats analytics sur mon site Google Analytics 14 Novembre 2020
Ne pas afficher certaines conversions dans Google Ads AdWords 8 Juillet 2020
Google a-t-il le droit d'afficher directement les informations des sites sans leur accord ? Droit du web (juridique, fiscalité...) 21 Février 2020
Afficher un champ dans la page profil Wordpress Développement d'un site Web ou d'une appli mobile 17 Février 2020
API pour afficher les avis Google sur son site Google : l'entreprise, les sites web, les services 10 Novembre 2019
Afficher les tags sur wordpress Développement d'un site Web ou d'une appli mobile 3 Août 2019
Extension Chrome utile pour afficher le code source HTML, JS, CSS Développement d'un site Web ou d'une appli mobile 5 Juillet 2019
Google My Business :Comment afficher sa zone de couverture et pas son adresse ? Google : l'entreprise, les sites web, les services 19 Juin 2019
Afficher/cacher données dans un tableau Développement d'un site Web ou d'une appli mobile 9 Mars 2019