Automatic refresh a section after few seconds using jQuery

by Lalita 16-Jul-19

0 232


If you want to get the latest record in the particular section without loading the page, then that means you wanna refresh that section after few seconds and this can be done by using jQuery. 

Just you need jQuery to refresh the section by using a function and an Ajax file.

index.php

<!---Start Section---->
<span id="OrderCountActive"> 
       <table class="table">
           <tbody>
     <tr>
    <th scope="row"><span>Active Orders:</span></th> 
     <td scope="row">8</td>
    </tr>
     </tbody>
           </table>
           </span>
<!---End Section---->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!---Start Script---->
<script type="text/javascript">
 setInterval(function(){ //the function to set the interval of time
      $('#OrderCountActive').load('ajax_refreshsection.php');
 },2000);
  </script>
<!---End Script---->

Now here is your 'ajax_refreshsection.php':

<table class="table">
 <tbody>
  <tr>
   <th scope="row"><span>Active Orders:</span></th> 
    <td scope="row">12</td>
  </tr>
 </tbody>
</table>


Share:


Discount Coupons

SEMRush FREE Trial – PRO Account for 14 Days

FREE Pro Account worth $99.95 for 14 Days.



Comments

    No Comments Yet.

Leave a Reply