小编典典

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

ajax

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>

阅读 354

收藏
2020-07-26

共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>
2020-07-26