จากโมดูลก่อน ที่ผมใช้ iframe พอผมเปลี่ยนมาเป็น XHTML xhtml1-Transitional.dtd ทำให้ผมไม่สามารถใช้ iframe ได้ก็เลยต้องหาโมดูลตัวใหม่ ในแบบ Tableless de

Scroll box แบบหนึ่งครับ ใช้ iframe ที่ผมใช้ในเว็บผมรุ่นแรกๆ

เว็บนี้ให้ผลลัพท์ที่เข้าใจง่ายดีครับ

แสดง icon RSS บน Address bar เมื่อเว็บเรามี RSS

สามารถประยุกต์ใช้ในการส่งค่าตอบกลับจาก Server หลายๆค่าในครั้งเดียวได้ครับ

ตอนที่แล้วเป็นการโหลดเป็นหน้าๆไป ตอนนี้เราจะมาใช้การโหลดเป็นส่วนๆ แทน ครับ หลักการก็คือ กำหนดพื้นที่แสดงผลเป็นส่วนๆ แล้วก็ใช้ AJAX โหลดข้อมูลแต่ละส่ว

เว็บเพจแบบ AJAX ก็คล้ายๆ IFRAME ในการโหลดการแสดงผลในบางส่วน ในตัวอย่างจะเป็นการใช้ AJAX เพื่อโหลดส่วน rightmodule มาแสดงด้วยฟังก์ชั่น loaddoc โดยการค

ความจริงมันก็คล้ายๆกับโค้ดแสดงข่าวเดิมแหละครับ ต่างกันแค่คราวนี้เป็นการเรียกข้อมูลข่าวจาก server ด้วย AJAX แทน

ในบางครั้งการใช้ Cache หรือไม่ใช้ Cache ของ Browser ใน AJAX ก็ให้ผลไม่ดีนักครับ

การรีเฟรชหน้า เป็นปัญหาหนึ่งของ AJAX ที AJAX มันไม่สามารถโหลดหน้าเดิมกลับมาได้หากมีการ Refresh หน้าใหม่ พอกด Refresh ทีก็ต้องกลับไปเริ่มต้นที่หน้าแรก

การใช้งาน Auto Refresh ของ AJAX โดยการแสดงเวลาจาก Server ครับ เป็นตัวอย่างเพื่อให้เห็นภาพการร้องขอข้อมูลจาก Server ตลอดเวลา

การค้นหา เป็นอีกรูปแบบหนึ่งที่ AJAX ทำได้ดีเนื่องจาก AJAX สามารถให้ผลลัพท์การค้นหาได้ในทันทีที่กรอกคำค้นหา โดยที่ไม่ต้องเสียเวลารอคอยหรือกด submit ก่

เป็น Counter และ User Online แบบที่ผมใช้กับเว็บนี้ การนำ AJAX มาใช้กับ Counter นี้ ก็เพื่อให้การปรับปรุง สถานะคนเยี่ยมชม บนเว็บไซต์ อัปเดทอยู่ตลอดเวล

การเรียกดูข้อมูลด้วย AJAX ในรูปแบบ Text เป็นการเรียกดูข้อมูลในรูปแบบที่เป็นพื้นฐานที่สุดของ AJAX ผมใช้วิธีการเรียกดูข้อมูลแบบนี้เป็นหลักบน Applicaion

การส่งค่าไปประมวลผลบนปลายทาง ด้วย AJAX มีอยู่ด้วยกัน 2 วิธี คือ GET หรือ POST โดยกำหนดผ่าน method open มีตัวอย่าง การใช้งาน และความแตกต่างกันดังนี้

รายการอีเวนต์ต่างๆของ DOM โดยทั่วไป

การนำข้อมูลเข้ายังฐานข้อมูล SQL ด้วยโปรแกรมที่เขียนขึ้นเอง ตัดปัญหาการนำเข้าข้อมูลด้วย phpMyAdmin แล้วอ่านภาษาไทยไม่ออก

การแปลงไฟล์เป็น UTF-8 หรือ TIS-620 ด้วย EditPlus ที่ผมแนะนำ

เทคนิค การใช้งาน AJAX กับ UTF-8

เกี่ยวกับการใช้ UTF-8 บนเว็บเพจ