Question

146

How to refresh table contents in div using jquery/ajax

rated 0 times [ 152] [ 6] / answers: 1 / hits: 149763 / 9 Years ago, fri, may 15, 2015, 12:00:00

I need your help in order to refresh a div id=mytable in my html once the function is called from a method. Currently, I am loading the full page once it is called using the below lines.

In my java method, I am using the below line to call a javascript method:

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

The html code :

<script type=text/javascript>

    function autoRefresh() {

        window.location.reload();

    }

</script>



<div id='mytable'>

    <h1 id='My Table'>

        <table></table>

    </h1>

</div>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kevonmoisesf

Add To Favorites

Follow

Total Points: 693

Total Questions: 101

Total Answers: 128

Location: Reunion

Member since Mon, Dec 28, 2020

4 Years ago

kevonmoisesf questions

1 Bootstrap 5 update Tooltip Title with Javascript

Sat, Jan 23, 21, 00:00, 3 Years ago

1 How to wait for reaction and only then send message [discord.js]

Thu, Aug 13, 20, 00:00, 4 Years ago

1 How do you display content of a .JSON file using Discord.js?

Tue, Feb 18, 20, 00:00, 4 Years ago

1 Flatpickr : set default date only if date value is null/empty

Tue, Nov 5, 19, 00:00, 5 Years ago

1 VueJs object key/value is not reactive in v-for loop

Wed, Jun 12, 19, 00:00, 5 Years ago

View All

answered 9 Years ago braydon · Accepted Answer

You can load HTML page partial, in your case is everything inside div#mytable.

setTimeout(function(){

   $( #mytable ).load( your-current-page.html #mytable );

}, 2000); //refresh every 2 seconds

more information read this http://api.jquery.com/load/

Update Code (if you don't want it auto-refresh)

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