ต่อจาก วิธีพัฒนา Squirrelmail Plugin – กรณี pagespeed เทคนิคการส่งค่าจาก PHP ให้ JavaScript เมื่อรู้ระยะเวลาที่ Web Browser ประมวลผลแล้ว ต่อไปก็ต้องการเก็บข้อมูลต่างๆมาเก็บที่ Web Server เพื่อบันทึกเก็บไว้วิเคราะห์ต่อไป สามารถทำได้โดยการใช้ JavaScript ส่งค่่าผ่าน HTTP GET Method มายัง PHP เริ่มจากสร้าง PHP  ให้ชื่อว่า getdata.php สำหรับรับค่าจาก JavaScript ที่ทำงานจาก Web Browser ของผู้ใช้ ดังนี้ <?php   $data=$_GET[‘data’];   $h = fopen(‘/var/log/userview.log’, ‘a’);   fwrite($h, $data . “\n” );   fclose($h) ?> สมมุติ เรียกใช้ผ่าน URL ต่อไปนี้ http://myserver.com/getdata.php?data=xxyyzz ก็จะเอาค่า xxyyzz เขียนใส่ไฟล์ /var/log/userview.log และต่อท้ายไปเรื่อยๆ ในฝั่งของ JavaScript ให้เขียนโค๊ดดังนี้ <SCRIPT LANGUAGE=”JavaScript”> var xmlhttp; var url; var data; data=servertime + “:” + second + “:” + total ; url=”http://myserver.com/getdata.php?data=” + data; if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest(); else xmlhttp = new ActiveXObject(“Microsoft.XMLHTTP”); xmlhttp.open(\’GET\’,url, true); xmlhttp.send(); </script> เท่านี้ก็จะสามารถเก็บค่าต่างๆจาก Web Browser มาไว้ที่ Web Server ได้

ต่อจากตอนที่แล้ว “วิธีพัฒนา Squirrelmail Plugin – กรณี pagespeed” จากการพัฒนา pagespeed plugin สำหรับ Squirrelmail เพื่อแสดงให้ผู้ใช้เห็นถึง “ความเร็ว” ในการประมวลผลจากฝั่ง server ได้แล้ว ต่อไปเราต้องการเอาดูว่า  “ความเร็ว” ในการเดินทางและแสดงผลบน Web Browser ของผู้ใช้ เป็นเท่าไหร่ ทำได้โดยการใช้งาน JavaScript จับเวลาการทำงาน โดยเขียนโค๊ดต่อไปนี้ ใน ฟังก์ชั่น pagespeed_top echo ‘ <SCRIPT LANGUAGE=”JavaScript”> beforeload = (new Date()).getTime(); </script> ‘; และส่วนนี้ไปในฟังก์ชั่น pagespeed_bottom echo ‘ <SCRIPT LANGUAGE=”JavaScript”> afterload = (new Date()).getTime(); seconds = (afterload-beforeload)/1000; document.write(“Browser Speed: ” + seconds + ” s”); </script> ‘; เท่านี้ก็จะทราบระยะเวลาในการเดินทางและแสดงผลเสร็จบน Web Browser แล้วแสดงผลต่อผู้ใช้ ต่อไปหากต้องการ รวมเวลาทั้งสิ้นที่ผู้ใช้ต้องรอ ตั้งแต่การทำงานที่ Squirrelmail จนกระทั้ง แสดงผลเสร็จ ก็ต้องเอาค่าตัวแปรจาก PHP ที่ชื่อว่า $showtime มาบวกกับตัวแปรของ JavaScript ที่ชื่อว่า seconds จะส่งค่าจาก PHP ให้ JavaScript อย่างไร ??? ดูเหมือนยาก แต่จริงๆแล้ว ก็เพียงแค่ให้ PHP แสดงผลเป็นตัวแปรของ JavaScript เท่านั้น ก็สามารถทำให้ JavaScript เอาไปใช้งานต่อได้แล้ว ดังนี้ echo ‘ <SCRIPT LANGUAGE=”JavaScript”> servertime = ‘ . $showtime . ‘;</SCRIPT>’ ; แล้วปรับแต่งโค๊ดใน pagespeed_bottom ข้างต้นเป็น echo ‘ <SCRIPT LANGUAGE=”JavaScript”> servertime = ‘ . $showtime . ‘;</SCRIPT>’ ; echo ‘ <SCRIPT LANGUAGE=”JavaScript”> afterload = (new Date()).getTime(); seconds = (afterload-beforeload)/1000; document.write(“Browser Speed: ” + seconds + ” s”); total=servertime + seconds; document.write(“Total:” + total + ” s”); </script> ‘; เป็นตัวอย่างเทคนิคในการส่งค่าระหว่างการคำนวนของ PHP และ JavaScript เบื้องต้น ติดตามต่อไปในเรื่องของ “เทคนิคในการบันทึกความเร็วของ Web Browser มาเก็บไว้ที่ Web Server”