How To => AJAX
หัวข้อ
ดู
ตอบ
GCMS เป็นฟรี AJAX CMS ที่พัฒนาโดยคนไทย 100% โครงสร้างถูกออกแบบมาเพื่อแก้ปัญหาการใช้งาน AJAX กับเว็บไซต์ ทั้งที่เกี่ยวกับการทำ SEO หรือความเป็นมิตรต่อผู้ใช้ เช่น ปัญหาการ Refresh หน้า ปัญหาการใช้ปุ่ม..
GCMS เวอร์ชั่น 1.3 ดาวน์โโหลด ได้แล้วครับ
การจะบอกว่า AJAX ช่วยลดการทำงานของ Server หรือไม่ ขึ้นอยู่กับการออกแบบครับ
ปัญหาในการทำเว็บไซต์ ที่ต้องดึงข่าว RSS มาแสดง มักพบว่าถ้ามี RSS หลายตัว จะพบว่าการโหลดเว็บ จะอืดเป็นเรือเกลือเลยทีเดียว ทำให้ผมคิดว่าน่าจะมีการนำ AJAX มาใช้งานเพื่อให้ในการโหลดเว็บไม่ต้องรอให้เสียเ..
สามารถประยุกต์ใช้ในการส่งค่าตอบกลับจาก Server หลายๆค่าในครั้งเดียวได้ครับ
ตอนที่แล้วเป็นการโหลดเป็นหน้าๆไป ตอนนี้เราจะมาใช้การโหลดเป็นส่วนๆ แทน ครับ หลักการก็คือ กำหนดพื้นที่แสดงผลเป็นส่วนๆ แล้วก็ใช้ AJAX โหลดข้อมูลแต่ละส่วนมาแสดง
เว็บเพจแบบ AJAX ก็คล้ายๆ IFRAME ในการโหลดการแสดงผลในบางส่วน ในตัวอย่างจะเป็นการใช้ AJAX เพื่อโหลดส่วน rightmodule มาแสดงด้วยฟังก์ชั่น loaddoc โดยการคลิกที่ลิงค์ ก็จะเป็นการโหลดหน้านั้นๆมาแสดง เช่น
ความจริงมันก็คล้ายๆกับโค้ดแสดงข่าวเดิมแหละครับ ต่างกันแค่คราวนี้เป็นการเรียกข้อมูลข่าวจาก server ด้วย AJAX แทน
การแสดงข่าวจากเว็บ googeek ซึ่งมีวิธีการแสดงรูปภาพของข่าวที่ไม่เหมือนกับ rssthai
JSON (JavaScript Object Notation) เป็นวิิธีหนึ่งที่จะทำให้ AJAX แลกเปลี่ยนข้อมูลกับ Server ได้อย่างง่ายๆ ซึ่งถ้าใช้ XML ส่งข้อมูลกลับมาเราก็ยังต้องมี parser เพื่อจัดการแยกข้อมูลออก เพื่อไปจัดการแสดงผล..
ในบางครั้งการใช้ Cache หรือไม่ใช้ Cache ของ Browser ใน AJAX ก็ให้ผลไม่ดีนักครับ
ในความเป็นจริงแล้ว AJAX ทำ Loading ได้ไม่ยากหรอกครับ เพราะว่าสถานะการณ์มันเอื้ออำนวยอยู่แล้ว สามารถทำได้ด้วยโค้ดไม่กี่บรรทัดครับ
การรีเฟรชหน้า เป็นปัญหาหนึ่งของ AJAX ที AJAX มันไม่สามารถโหลดหน้าเดิมกลับมาได้หากมีการ Refresh หน้าใหม่ พอกด Refresh ทีก็ต้องกลับไปเริ่มต้นที่หน้าแรกที
การใช้งาน Auto Refresh ของ AJAX โดยการแสดงเวลาจาก Server ครับ เป็นตัวอย่างเพื่อให้เห็นภาพการร้องขอข้อมูลจาก Server ตลอดเวลา
ทีแรกผมตั้งใจจะให้จบเรื่อง shout box ไปเลย แต่ไหนๆก็ไหนๆแล้วมันยังค้างคาอยู่ในหัวผมอีกเรื่องนึง ก็คือการแสดงผลนี่แหละ
