HTML Ajax jQuery first load instant [duplicate]

Question

I want to reload my table.php every 3 seconds. I wrote a working code, but when I call the page manual, or refresh it manually, it starts to load my content after 3 seconds, and not instantly. Anyone now, how to call first table.php, and refresh after it every 3 seconds like in my code below?

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      setInterval(function () {
        $('#show').load('table.php')
      }, 3000);
    });
  </script>

Time to consider websockets to reduce server load for that amount of traffic — charlietfl
– charlietfl, Commented Jan 9, 2018 at 20:06

u_mulder · Accepted Answer · 2018-01-09 20:04:45Z

2

There's no way to call function immediately except just call it:

$(document).ready(function() {
  $('#show').load('table.php');

  setInterval(function () {
    $('#show').load('table.php')
  }, 3000);
});

Going further you can encapsulate same calls to a function:

$(document).ready(function() {
  function loadTable() {
      $('#show').load('table.php');
  }
  loadTable();

  setInterval(loadTable, 3000);
});

answered Jan 9, 2018 at 20:04

u_mulder

54.8k5 gold badges54 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jay Blanchard · Accepted Answer · 2018-01-09 20:04:40Z

1

Call the table load right away, then include in your loop:

$(document).ready(function() {
    $('#show').load('table.php')
    setInterval(function () {
        $('#show').load('table.php')
    }, 3000);
});

answered Jan 9, 2018 at 20:04

Jay Blanchard

34.5k17 gold badges82 silver badges130 bronze badges

Comments

Myzter · Accepted Answer · 2018-01-09 21:06:48Z

-1

A small optimization, the table will be filled exactly after 3 seconds before the previous loading, check the callback:

var reload = function() {
    $('#show').load('table.php', function() {
        // Start the counter when the data is loaded... (to avoid problems when table.php takes more than 3 secs to return the data)
        setTimeout(reload, 3000);
    });
};
// Fill the table immediately
reload();

answered Jan 9, 2018 at 21:06

Myzter

274 bronze badges

Collectives™ on Stack Overflow

HTML Ajax jQuery first load instant [duplicate]

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related