Berikut adalah contoh penggunaan AJAX dalam mengambil waktu yang ada di server. Aplikasi ini sering digunakan dalam game real time
<html>
<head>
<title>Ajax Example</title>
<script language=”Javascript”>
function postRequest(strURL) {
var xmlHttp;
if (window.XMLHttpRequest) { // Mozilla, Safari, …
var xmlHttp = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE
var xmlHttp = new ActiveXObject(“Microsoft.XMLHTTP”);
}
xmlHttp.open(‘POST’, strURL, true);
xmlHttp.setRequestHeader(‘Content-Type’,
‘application/x-www-form-urlencoded’);
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState == 4) {
updatepage(xmlHttp.responseText);
}
}
xmlHttp.send(strURL);
}
function updatepage(str){
document.getElementById(“result”).innerHTML =
“<font color=’red’ size=’5′>” + str + “</font>”;;
}
function showCurrentTime(){
var rnd = Math.random();
var url=”time.php?id=”+rnd;
postRequest(url);
}
</script>
</head>
<body>
<h1 align=”center”><font color=”#000080″>Ajax Example</font></h1>
<p><font color=”#000080″> This very simple Ajax Example retrieves the current date and time from server and shows on the form. To view the current date and time click on the following button.</font></p>
<form name=”f1″>
<p align=”center”><font color=”#000080″> <input value=” Show Time”
type=”button” onclick=’JavaScript:showCurrentTime()’
name=”showdate”></font></p>
<div id=”result” align=”center”></div>
</form>
<div id=result></div>
</body>
</html>
Dan ini adalah script PHPnya
<?php
print date(“l M dS, Y, H:i:s”);
?>