如何使用jquery / ajax刷新div中的表内容

Question

id="mytable"从方法调用函数后，我需要您的帮助才能刷新html中的div 。目前，使用以下几行调用后，我将加载整个页面。

在我的java方法中，我使用下面的代码行来调用javascript方法：

RequestContext.getCurrentInstance().execute("autoRefresh()");

html代码：

<script type="text/javascript">
    function autoRefresh() {
        window.location.reload();
    }
</script>

<div id='mytable'>
    <h1 id='My Table'>
        <table></table>
    </h1>
</div>

Answer 1

您可以部分加载HTML页面，这是div＃mytable中的所有内容。

setTimeout(function(){
   $( "#mytable" ).load( "your-current-page.html #mytable" );
}, 2000); //refresh every 2 seconds

有关更多信息，请阅读此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>