GAJAX บทที่ 22 XML (ตำบล อำเภอ จังหวัด ด้วย GAJAX)

นอกจาก GAJAX จะทำงานกับข้อความ ได้แล้ว มันยังรองรับการใช้งาน XML เหมือน AJAX ทั่วไปได้ด้วย ในบทนี้คุณจะได้เห็นตัวอย่างการใช้งาน GAJAX กับ XML และยังได้เรียนรู้การใช้งาน Combobox 3 ระดับ ด้วยโค้ด ตำบล อำภอ จังหวัด อีกด้วย

ถ้าคุณดูในโค้ด (index.php) จะเห็นได้ว่า GAJAX ได้ช่วยให้การออกแบบแยกส่วนออกจากกันได้อย่างชัดเจน

ส่วนแรก ผมใช้สำหรับรับค่าที่ได้มาจากการ submit แต่ก็สามารถใช้ในการกำหนดค่าเริ่มต้นให้กับ select แต่ละตัวได้เช่นกัน โดยการกำหนดค่าที่ต้องการลงในตัวแปรแต่ละตัว

อ้อ ค่านี้จะเป็น id ของ จังหวัด อำเภอ และ ตำบลเท่านั้นนะครับ เนื่องจากเราอาจพบชื่อซ้ำกันได้ในบางตำบล หรืออำเภอ จึงไม่สามารถใช้ชื่อจังหวัดจริงได้

โค้ดส่วนที่ 2 เป็นฟอร์ม HTML และ select 3 ตัวคือ city amphur และ tumbon (แปลกันเอาเอง) จะเห็นได้ว่าไม่ได้มีการกำหนดอะไรที่ยุ่งยากเลย

โค้ดส่วนที่ 3 เป็นส่วนของ Javascript ซี่งใช้ GAJAX ในการจัดการทั้งหมด ตั้งแต่การจัดการกับ Event และ การจัดการกับ XML

สำหรับการจัดการกับ XML ก็เป็นการใช้ฟังก์ชั่นทั่วไปของ Javascript ในการสร้าง option แต่ละตัว แล้วใส่ให้กับ select ตามรายชื่อที่ได้รับ

สำหรับในส่วน province.php ซึ่งเป็นหน้าที่รับค่าจาก AJAX ก็มีการ query ออกมาจากฐานข้อมูล และคืนค่าเป็นรุปแบบ XML เท่านั้นครับ ซึ่งในการจัดการแสดงผลจะเป็นหน้าที่ของ Javascript ในหน้า index.php
 สำหรับฐานข้อมูล เป็นฐานข้อมูลเดียวกันกับในบทความก่อนๆละครับ ตัวอย่าง และ XML