Comment actualiser le contenu de la table dans div using jquery / ajax

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/

Code de mise à jour (si vous ne souhaitez pas l'actualiser automatiquement)

 <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>