3 เดือนที่ผ่านมา
ขั้นแรก เรามาทำความเข้าใจ
XML แบ่งโครงสร้างออกเป็น 2 ส่วน
- Prolog
- Document Element (root element)
สวัสดีทุกๆ คน หลังจากหายหน้าหายตาไปหลายเดือน ช่วงที่ผ่านมานี้โปรเจกค่อนข้างเยอะ ไม่ได้อัพเดตบล็อกเลย วันนี้ผมมาพร้อมกับตัวอย่างง่ายๆ ในการเรียกใช้ Ajax
หลายๆ คน ใช้ Ajax กันเป็นอยู่แล้ว รู้ว่ามันต้องเรียกใช้อย่างไร ถึงจะได้ผลลัพธ์แบบที่ต้องการ แต่ไม่เข้าใจวิธีการทำงานของมัน ผมจะยกตัวอย่างที่พบเจอกันบ่อยๆ ในการพัฒนาระบบ ยังไม่ขอใช้ Javascript Frameworks เพื่อให้คนที่ไม่เคยใช้งาน สามารถเข้าใจไปพร้อมๆ กับพวกเรา
สำหรับเพื่อนๆ คนใด อยากอ่านภาพรวม “ทำไมต้องใช้ Ajax?“ คลิกอ่านเพิ่มเติมได้ที่นี่ครับ
ตัวอย่างจะมี 2 ข้อคือ
- Prevent duplicate code or text (ป้องกันไม่ให้ข้อมูลซ้ำกัน)
- Cascade dropdownlist
2-3 เดือนที่ผ่านมางานค่อนข้างยุ่งมาก ไม่ได้อัพเดตบล็อกเลย ระหว่างทำโปรเจกใช้ Ajax ค่อนข้างเยอะ และอยากแบ่งปันให้เพื่อนๆ ครับ
Ajax คืออะไร?
Ajax (Asynchronous Javascript and XML) : ไม่ใช่เทคโนโลยีใหม่อะไร เป็นการผสมผสานเทคโนโลยีเก่าเข้าด้วยกัน เพื่อนๆ รู้จักกันเป็นอย่างดี
- HTML และ CSS
- Javascript และ DOM
- ขาดไม่ได้ XMLHttpRequest object ทำหน้าที่ในการอ่านหรือส่งข้อมูลระหว่าง server asynchronously
สามารถเลือกใช้เพิ่มเติม…
- DOMParser
- PHP หรือภาษาอื่นที่รันบน server เช่น Perl, Python,…
- XML หรือ XSLT จัดการข้อมูลให้อยู่ในรูปแบบ XML
- JSON จัดการข้อมูลให้อยู่ในรูปแบบ JSON (JavaScript Object Notation)
- SOAP
ผมเคยวาดฝันว่า เว็บไซต์ในประเทศไทยจะเปลี่ยนไป ใช้ CSS มากขึ้น เว็บใช้งานง่าย ทันสมัย เน้นคุณภาพของเนื้อหา เป็นที่มาของการตั้งคำถามว่า เว็บไซต์ในอนาคตที่ควรจะเป็นคือ ?
- Designing with Less Images ควรจะลดการใช้รูปในการทำเว็บ เช่น menu, background,.. และใช้ CSS มากขึ้น เพราะทำให้เว็บ lightweight สอดคล้องกับการขยายตัวของ Smartphone จะเป็นอุปกรณ์สำคัญในการเข้าใช้เว็บ ต้องการความรวดเร็วในการ Interactive
- User Friendly การออกแบบเว็บให้ใช้ง่าย ผู้ใช้กวาดสายตา และรู้ว่าอะไรอยู่ที่ไหน เช่น menu อยู่ด้านบน, search box อยู่ด้านข้าง, เนื้อหาอยู่ตรงกลาง,.. พูดง่ายๆ เว็บต้องไม่รก อ่านต่อ…
