动态计数器，更改没有页面重新加载

Question

我有一个网站运行php与mySQL数据库。对于每个访问我访问该站点的访问者，我都会在单独的表格中记录用户会话（从过去的5分钟）。

如何在页面上制作一个动态计数器，可以在不重新加载页面的情况下更改活动会话的数量，例如，如果我在网站上，并且有15个其他人进入柜台，则会自动更改而无需重新加载页面。

Answer 1

在非常基本的情况下，您可以通过AJAX轮询服务器脚本。这PHP脚本将通过类似的在线用户数量，这些用户名等一些所需的信息，以便例如JavaScript部分：

// Poll the server each 60 seconds 
window.setInterval(function() { 
    $.getJSON('/online_users.php', function(data) { 
     // Here the data JSON returned by a PHP script 
     // e.g. data.count - count of sessions online 
     // data.users - could be array of user objects, etc 
     $('#counter').text(data.count); // Update some DOM element with new number 
    }); 
}, 60000); 

而服务器端online_users.php：

<?php 

// connect to DB, perform all necessary operations 
// output needed info in JSON format 

$users = array(
    array('username' => 'Tomas', 'id' => 234), 
    array('username' => 'Jassy', 'id' => 42) 
); 
$count = count($users); 

header('Content-type: application/json'); 
die(json_encode(array(
    'count' => $count, 
    'users' => $users 
)));