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:
    931
    J'aime reçus:
    15
    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 157
    J'aime reçus:
    334
    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 980
    J'aime reçus:
    327
    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 157
    J'aime reçus:
    334
    Heu oui c'était l'exemple le plus basique possible :)
     
  5. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    931
    J'aime reçus:
    15
    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:
    931
    J'aime reçus:
    15
  7. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 157
    J'aime reçus:
    334
Chargement...
Similar Threads - Afficher produits suivants Forum Date
Ecommerce : afficher 10 ou 50 produits par page ? e-commerce 29 Janvier 2014
Afficher les produits des sous catégories Développement d'un site Web ou d'une appli mobile 7 Février 2008
Afficher des infos depuis plusieurs page en PHP Développement d'un site Web ou d'une appli mobile 23 Mars 2022
Afficher la dernière version d'un fichier php ? Développement d'un site Web ou d'une appli mobile 8 Novembre 2021
comment afficher l erreur 404 URL Rewriting et .htaccess 28 Juillet 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
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
Afficher des valeurs d'une colonne à l'autre selon condition Développement d'un site Web ou d'une appli mobile 11 Février 2019
Google Chrome va afficher à nouveau les sous-domaines Google : l'entreprise, les sites web, les services 18 Septembre 2018
Google PageSpeed Insight : Afficher en priorité le contenu visible Développement d'un site Web ou d'une appli mobile 16 Août 2018
Afficher valeur id onclick sur checkbox Développement d'un site Web ou d'une appli mobile 21 Février 2018
Est-il important d'afficher ses pages en AMP pour être favorisé par Index Mobile First ? Référencement Google 19 Décembre 2017