ตอนที่แล้วเป็นการโหลดเป็นหน้าๆไป ตอนนี้เราจะมาใช้การโหลดเป็นส่วนๆ แทน ครับ หลักการก็คือ กำหนดพื้นที่แสดงผลเป็นส่วนๆ แล้วก็ใช้ 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 บนเว็บเพจ

การแปลงเอกสารกลับไปกลับมาระหว่าง UTF-8 และ TIS-620

ปุ่มกดสวยๆ ก็สร้างด้วย CSS ได้ครับ

คงเคยเห็นบนเว็บดาวน์โหลดกันบ้างนะครับ

ปุ่มกด 3 สถานะ สไตล์ Windows XP เมื่อเมาส์อยู่บน เมื่อกดเมาส์ และ เมื่อเมาส์ออกจากปุ่ม

เนื่องจาก cookie ไม่สามารถเก็บข้อมูลที่เป็น array ได้จึงต้องมีการแปลง array ให้เป็น ข้อความก่อน แล้วจึงบันทึกลง cookie