Examples: Poll Users

Polling Users

Front End
Back End

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Chapter 6 : Networking Considerations - Poll Users</title>
<link rel="stylesheet" href="https://ajaxref.com/ch6/global.css" type="text/css" media="screen" />

<script src="https://ajaxref.com/ch6/ajaxtcr.js" type="text/javascript">

</script>

<script type="text/javascript">

 
 
function sendRequest()
{
    var url = "https://ajaxref.com/ch6/onlinestatus/pollusers.php";
   
    var options = { method: "GET",
                    onSuccess : handleResponse
                     };
    
    AjaxTCR.comm.sendRequest(url,options);
}
 
function handleResponse(response)
 {
       var responseOutput = document.getElementById("responseOutput");
       var xmlDoc = response.xhr.responseXML;
     
       var onlineUsers = xmlDoc.getElementsByTagName("online")[0];
    var users = onlineUsers.getElementsByTagName("user");
    responseOutput.innerHTML = "<h3>Online Users</h3>";
    for (var i=0;i<users.length;i++)
        responseOutput.innerHTML += users[i].firstChild.nodeValue + "<br />";
        
    var recentUsers = xmlDoc.getElementsByTagName("recent")[0];
    var users = recentUsers.getElementsByTagName("user");
    responseOutput.innerHTML += "<h3>Recent Users</h3>";
    for (var i=0;i<users.length;i++)
         responseOutput.innerHTML += users[i].firstChild.nodeValue + "<br />";
        
    var offlineUsers = xmlDoc.getElementsByTagName("offline")[0];
    var users = offlineUsers.getElementsByTagName("user");
    responseOutput.innerHTML += "<h3>Offline Users</h3>";
    for (var i=0;i<users.length;i++)
         responseOutput.innerHTML += users[i].firstChild.nodeValue + "<br />";
     
    setTimeout(function(){sendRequest();}, 60000);
  }
 
window.onload = function () 
{ 
   sendRequest();
 
};

</script>

 
</head>
<body>
<div class="content">
<h1>Polling Users</h1>
<br />
</div>
<div id="response" class="results">
    <div id="responseOutput">&nbsp;</div>
</div>
 
</body>
</html>