Javascript 自动刷新联机用户表而不刷新整个页面

我的仪表板页面中有一个表，显示在线和离线用户的列表。我正在尝试每5秒自动刷新一次整个表，以显示是否有其他用户刚刚登录或退出而没有刷新整个页面。我已经搜索了不同的线程和页面，这告诉我使用AJAX或JSP。但我似乎不能让它工作

这是我的桌子：

<div class="col-md-2">
  <table class="table table-striped">
    <thead>
      <tr>
        <th>Status</th>
        <th>&nbsp;</th>
      </tr>
    </thead>

    <tbody>
      <?php
        $online = DB::table('users')->where('group_id', $user->group_id)->orderBy('online', 'desc')->get();
        foreach($online as $val=>$key)
        { ?>
          <tr>
            <td><?php if ($key->online == 1) { echo '<span class="label label-success">Online</span>'; } else { echo '<span class="label label-warning">Offline</span>'; } ?></td>
            <td><?=$key->first_name." ".$key->last_name?></td>
          </tr>
      <?php } ?>
    </tbody>
</table>

地位

我在另一个线程上发现了这段代码，但当我试图在我的项目中使用它时，它没有在我的表中加载数据。我不太熟悉使用javascripts或AJAX，所以我希望您能帮助我。非常感谢

<script>
    $(document).ready(function(){
        $("#refresh").click(function() 
        {
            $("#Container").load("content-that-needs-to-refresh.php");
            return false;
        });
    });
</script>

<div id="Container">
<?php include('content-that-needs-to-refresh.php'); ?>
</div>
<a href="#" id="refresh">Refresh</a>

$（文档）.ready（函数（）{
$（“#刷新”）。单击（函数（）
{
$（“#Container”）.load（“需要刷新的内容”）；
返回false；
});
});

确保已加载jQuery。您可以使用谷歌CDN，也可以将其保存并加载到您自己的服务器上

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

---

在你的情况下，这对你来说非常有效

setInterval(function()
{
   //call ajax here..for your table result
}
}, 3000);    

然后ajax将每隔3秒给您一次结果

---

我希望它对你有用

如果要在每5秒后自动重新加载，请使用

setTimeout

。但是我不理解

#refresh

的概念，如果需要，请自动单击此处！我假设您需要刷新的

内容。php

包含您希望正确加载的

表

？那么您发布的代码是否加载了一次表，您是否询问如何更新它，或者它从未工作过？只是为了验证（正如您提到的，您不熟悉JS）您是否在页面上加载了jquery库？@YllanLacorte有任何反馈吗？

clearInterval(refreshUsers);

setInterval(function()
{
   //call ajax here..for your table result
}
}, 3000);