Javascript sql数据库状态更改时自动刷新页面

如果countnumber从1更改为2，则自动刷新网页而不闪烁。我该怎么做

我考虑了不同的解决方案，但这与我想要的不一样。第二页解决方案更类似，但这并没有增加刷新页面的要求，它只检查数据库号是否更改。

php文件

$counter = "SELECT countnumber FROM onairsystem WHERE id='1'";
$counterresult = $connection->query($counter);
$rows = $counterresult->fetch_array();  
$number = $rows['countnumber'];

html文件

     $id=$_POST['id'];
     if (is_numeric($id))
     {
         $counter = "SELECT count(*) as countnumber FROM onairsystem WHERE id={$id}";
         $counterresult = $connection->query($counter);
         $rows = $counterresult->fetch_array();
         echo $number = $rows['countnumber'];
     }

从查询中获取数据


函数getDate（）
{
var number=$（'#number'）.val（）；
$.ajax({
类型：“POST”，
url:'ajax.php？id='+数字，
成功：功能（数据）
{
$（'.data'）.val（数据）；
}
});
}

但如果数据库状态或id发生更改，此页面不会自动刷新。有人不知道如何执行此操作吗？若sql数据库表上的状态更改，请刷新页面一次，若状态再次更改，请再次刷新页面。

<input type="number" id="number" name="number">
<button onclick="getDate()">Get Data From Query</button>
<br>
<label class="data"></label>

<script>
function getDate()
{
    var number  = $('#number').val();
    $.ajax({
        type: "POST",
        url: 'ajax.php?id='+number,
        success: function(data)
        {
            $('.data').val(data);
        }
    });
}
</script>