ページリロードなしで変更される動的カウンタ

Question

私は、mySQLデータベースを使用してphpを実行しているWebサイトを持っています。サイトにアクセスしたすべての訪問者に対して、過去5分間のユーザーセッションを別のテーブルに記録します。

ページをリロードせずにアクティブなセッションの量を変更する動的カウンターを作成するにはどうすればいいですか？つまり、私がウェブサイトにいて15人が来たら、 。

Answer 1

非常に基本的なケースでは、AJAX経由でサーバースクリプトをポーリングできます。

// 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 
)));