How can I show another page inside a div and refresh it in certain time?

Question

I'm trying to call another page called bidtable.php inside a div and I want it to refresh in every 20 seconds. Here is what I've tried but It's not working.

<script src="http://code.jquery.com/jquery-latest.js"></script>
<div class="row justify-content-center">
  <div id="latestData" class="row justify-content-center col-md-5" style="background-color: black; margin: 2px auto; width: 370px;"></div>
</div>

$(document).ready(function() {
  refreshTable();
});

function refreshTable() {
  $('#latestData').load('bidtable.php', function() {
    setTimeout(refreshTable, 20000);
  });
}

Answer 1

Try by adding the URL to the PHP file instead of just the file name. Like this:

function refreshTable() {
  $('#latestData').load('the_url/bidtable.php', function() {
    setTimeout(refreshTable, 20000);
  });
}