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:
    892
    J'aime reçus:
    13
    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 180
    J'aime reçus:
    330
    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 809
    J'aime reçus:
    274
    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 180
    J'aime reçus:
    330
    Heu oui c'était l'exemple le plus basique possible :)
     
  5. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    892
    J'aime reçus:
    13
    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:
    892
    J'aime reçus:
    13
  7. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 180
    J'aime reçus:
    330
Chargement...
Similar Threads - Afficher produits suivants Forum Date
Ecommerce : afficher 10 ou 50 produits par page ? e-commerce 29 Janvier 2014
comment afficher l erreur 404 URL Rewriting et .htaccess 28 Juillet 2021
Afficher un lexique des termes Développement d'un site Web ou d'une appli mobile 5 Mai 2021
Devra-t-on afficher les émissions de gaz à effet de serre de nos sites? Droit du web (juridique, fiscalité...) 28 Mars 2021
Afficher module avis Google sur un site web via le GTM ? Google : l'entreprise, les sites web, les services 18 Mars 2021
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