J'ai besoin de votre aide afin de rafraîchir un div id="mytable"
dans mon html une fois que la fonction est appelée à partir d'une méthode. Actuellement, je charge la page complète une fois qu'on l'appelle en utilisant les lignes ci-dessous.
Dans ma méthode java, j'utilise la ligne ci-dessous pour appeler une méthode javascript:
RequestContext.getCurrentInstance().execute("autoRefresh()");
Le code html:
<script type="text/javascript"> function autoRefresh() { window.location.reload(); } </script> <div id='mytable'> <h1 id='My Table'> <table></table> </h1> </div>
Vous pouvez charger une page HTML partielle, dans votre cas, tout est dans div # mytable.
setTimeout(function(){ $( "#mytable" ).load( "your-current-page.html #mytable" ); }, 2000); //refresh every 2 seconds
Plus d'informations lisez ceci http://api.jquery.com/load/
<button id="refresh-btn">Refresh Table</button> <script> $(document).ready(function() { function RefreshTable() { $( "#mytable" ).load( "your-current-page.html #mytable" ); } $("#refresh-btn").on("click", RefreshTable); // OR CAN THIS WAY // // $("#refresh-btn").on("click", function() { // $( "#mytable" ).load( "your-current-page.html #mytable" ); // }); }); </script>