페이지 새로 고침없이 변경되는 동적 카운터

Question

PHP가 실행되는 웹 사이트가 mySQL 데이터베이스에 있습니다. 내가 사이트에 방문한 모든 방문자에 대해 사용자 세션을 지난 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 
)));