ข้ามไปที่เนื้อหาหลัก

มาเข้าใจ และใช้ Datatable ดึงข้อมูลแบบ Server-side ด้วย PHP, MySQL กันเถอะ


มีช่วงหนึงผมเคยนำ datatable มาพัฒนาในงานแต่เกิดปัญหาเนื่องจากมีข้อมูลขนาดใหญ่ ทำให้เกิดการโหลดในครั้งแรกที่โหลดหน้าเพจนั้นๆ เนื่องจากผมใช้ Ajax ในการโหลดข้อมูลทั้งหมดมาในครั้งเดียวด้วยจำนวนข้อมูล 1000 ขึ้น ซึ่งตอนนั้นผมคิดว่าการทำ preload น่าจะช่วยได้ แต่ว่าถ้า user เกิดเผลอไปกด refesh หรือแก้ไขข้อมูลเวลากลับมาที่หน้าข้อมูลก็ต้องโหลดใหม่อีก ทำให้ผมเลิกใช้ datatable ไปเลย เพราะคิดว่ามันคงไม่เหมาะ

แต่ในความจริงแล้ว datatable ก็ได้มีสิ่งที่มาแก้ในจุดนั้นได้ ซึ่งเรียกว่า server-side โดยการที่อนุญาตให้เรา query ข้อมูลออกมาก่อนแล้วส่งมาให้ datatable อ่านข้อมูลในจำนวนที่น้อยลง หลักการก็เหมือนๆ กับบทความการทำสร้าง XML จากข้อมูลขนาดใหญ่นั่นแหละครับ แต่มีเงื่อนไขเพียงแต่ว่า ต้อง Filter และส่งข้อมูลออกมาในรูปแบบที่ตรงตามหลักของ datatable เท่านั้น ( บางครั้งเวลาเข้าไปอ่าน Document หรือดู Example จะงงๆ ว่าอะไรเยอะแยะ ) โดยวันนี้จะมาแนะนำการใช้งานแบบง่ายๆ กันเลย :D

หลักการทำงานสำคัญจริงๆ ก็เหมือนการรับส่งข้อมูลในรูปแบบ Ajax ทั่วๆ ไป เพียงแต่ว่าตอนที่เราส่งกลับไปหา Datatables นั้น เราต้องส่งไปในรูปแบบที่อ่านได้ หรือตรงตามเงื่อนไขของมัน ซึ่งสามารถอ่านคู่มือได้จากเว็บไซต์ของ Datatables ว่ามี options อะไรอีกบ้าง?

ครั้งแรกๆ เวลาที่เราไปหาอ่านจากคู่มือเลย บางคนอาจจะหลงเข้าใจว่าต้องโหลดไฟล์ ssp.class.php ด้วยมั้ย ตอบเลยว่าไม่จำเป็นครับ แต่สามารถดูแล้วเอามาใช้งานได้ จริงๆ เอามาใช้เลยก็ได้สำหรับโปรเจ็คแบบ Pure PHP เพราะจะมี query ข้อมูลมาให้ครบ แต่หากต้องการเอาไป integrated กับ Framework อื่นๆ แน่นอนครับ ว่าเราต้องเข้าใจมันก่อน ถึงจะเอาไปปรับใช้ได้อย่างเข้าใจ

แหล่งข้อมูล
http://coderexample.com/datatable-demo-server-side-in-phpmysql-and-ajax/

โพสต์ยอดนิยมจากบล็อกนี้

การติดตั้ง Google Analytics ด้วย Google Tag Manager

สำหรับสายงานโปรแกรมเมอร์นั้น ไม่ค่อยมีปัญหามากนักเวลาที่จะต้องแก้ไข หรือเปลี่ยน UA โค๊ดของ Analytics เพราะสามารถทำได้เอง แต่ก็นะ ถึงแม้ว่าจะง่ายแต่ในเวลาที่ไม่สะดวกจริงๆ แถมงานที่ทำส่วนใหญ่ต้องอัพผ่าน Git การจะทำอะไรแบบนั้นก็ไม่ไช่เรื่องง่ายอีกต่อไป



ปัญหาที่เกิดจากการใช้งาน Facebook PHP SDK ในการทำ Facebook Login

จากบทความก่อนๆ ที่ผมเคยแนะนำการการใช้งาน Facebook PHP SDK ในการทำ Facebook Login สำหรับการแก้ไขปัญหา Chrome ไม่รองรับ Facebook Javascript SDK ซึ่งสามารถใช้งานได้ปกติ โดยการสับขาหลอกของตัวผมเอง หลายๆ ท่านที่เข้ามาอาจจะลองก๊อปโค้ดไปแปะ แล้วปรากฎว่ามันไม่เห็นจะทำงานได้จริง

เนื่องจากปัญหาที่เกิดขึ้นจาก error นี้
"Error validating verification code. Please make sure your redirect_uri is identical to the one you used in the OAuth dialog request"