rafraichir un div avec JQuery

Présentation

Il arrive parfois que l'on ait besoin dans une page de rafraichir une partie seulement (un bloc div) de celle-ci pour la mise à jour de donnée sans effectuer un reload complet de la page.
Comme le montre cette animation le bloc de fichier se met à jour après un choix par l'utilisateur.
Le rafraichissement de ce bloc peut être soit constant, ou comme ici au clic.
Il s'agit d'un script très court qui fonctionne avec JQuery.

refresh div


Code JavaScript rafraichissement constant

            <script>
            $(document).ready(function () {
                var refreshId = setInterval(function()
                {
                     $('#flux').fadeOut("slow").load("form_panier_file.php?ms=" + new Date().getTime(), false).fadeIn("slow");
                }, 10000);
            });
            </script>
        

Code JavaScript rafraichissement au clic

            <script>
            $(document).ready(function () {
                $('a.lien').on('click', function () {
                    setTimeout(function(){ $("#flux").fadeOut("slow").load("form_panier_file.php?ms=" + new Date().getTime(), false).fadeIn("slow") }, 10000);
                });
            });
            </script>
        

Code html

Ajouter le bloc correspondant à l'endroit que vous voulez dans votre page..

			<div id="flux"><?php require_once('form_panier_file.php'); ?></div>
        

Bon dev