javascript – 自动刷新在线用户表而无需刷新整个页面

前端之家收集整理的这篇文章主要介绍了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>

解决方法

在你的情况下完美地为你工作.
setInterval(function()
{
   //call ajax here..for your table result
}
},3000);

然后ajax会每隔3秒给你一次结果.

我希望它对你有用.

原文链接:https://www.f2er.com/js/156945.html

猜你在找的JavaScript相关文章