ผมได้ลองเขียนการดึงเวลาจาก Server มาแสดงแบบ Real Time ดัง Codeด้านล่าง
มี 2 ไฟล์ คือ
show_clock.php ดึงเวลาจาก File time.php มาแสดง โดยใช้ ajax ในการดึง
time.php เพื่อดึงเวลาจาก Server จากการร้องขอของไฟล์ show_clock.php
ผมขอคำแนะนำนิดนึงครับว่า บรรทัดของไฟล์ show_clock.php ที่เขียนว่า xml_http.open("POST", url, false);
ผมไม่เข้าใจว่าทำไมผมลองใช้การส่งแบบ GET นาฬิกามันไม่เดินเป็นแบบ Real Time ต้องใช้เป็นแบบ POST มันถึงเดินแบบ Real Time
...ขอบคุณครับ
show_clock.php Code (PHP)
<!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>Untitled Document</title>
<script>
function xml_http_request() {
var xml_http = false;
if(window.XMLHttpRequest) {
xml_http = new XMLHttpRequest();
}
else
if(window.ActiveXObject) {
try {
xml_http = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
xml_http = new activeXObject("Msxml2.XMLHTTP");
}
}
return xml_http;
}
function call_time() {
var url = "time.php";
xml_http = xml_http_request();
xml_http.open("POST", url, false);
xml_http.send(null);
document.getElementById("show_time").innerHTML = xml_http.responseText;
setTimeout("call_time();",1000);
}
</script>
</head>
<body onload="JavaScript: call_time();">
<div id="show_time"></div>
</body>
</html>