AJAX : Asynchronous Javascript And XML

อันที่จริงเรื่องนี้ก็ไม่นับว่าเป็นเรื่องใหม่ เพราะว่าเราๆ ท่านๆ ทั้งหลายก็คงได้ยิน แล้วก็ได้ใช้กันไปมากมายแล้ว แต่ก็จะขออธิบายคร่าวๆ ตามแนววิชาการนิดหน่อย(บวกกับความเข้าใจของผู้เขียน)นะคะ ^^

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

 Asynchronous Javascript And XML แปลเป็นภาษาคนตามกระบวนการทำงานของมัน ก็คือ การทำงานของ Web Application แบบที่ไม่ต่อเนื่องกัน โดยอาศัยความสามารถของ Javascript และ XML 

ซึ่งการทำงานแบบ Asynchronous มีความแตกต่างจาก Synchronous แบบเดิม ตรงที่ หน้าแสดงผลที่ User เข้าใช้งาน ไม่จำเป็นต้องรอผลที่ร้องขอไปในขณะนั้น สามารถข้ามไปทำเหตุการณ์อื่นต่อได้เลย โดยที่ผลลัพธ์ที่ได้จากการร้องขอจะส่งกลับมาให้ในตอนหลัง ทำให้ User รู้สึกได้ถึงความรวดเร็วของการทำงานในหน้าที่ตัวเองกำลังใช้งานอยู่

แต่ถ้าเป็นการทำงานแบบ Synchronous ทั่วไปนั้น User จำเป็นต้องรอผลลัพธ์จากการร้องขอให้กลับมาแสดงผลก่อน จึงจะไปทำเหตุการ์อื่นต่อไปได้

เรามาดู แผนผังเปรียบเทียบความแตกต่างของ Web App ที่ใช้ Synchronous และ AJAX กันค่ะ

ด้านซ้าย เป็นภาพการงานของ Web App ทั่วไปแบบ Synchronous จะสังเกตเห็นว่า การร้องขอจากส่วนของ user ( client) จะส่งตรงเข้าสู่ server เพื่อประมวลผล ซึ่งขณะที่ server ทำการประมวลผลนั้น ทางฝั่ง user(client) เอง ก็จำเป็นต้องรอผลลัพธ์ที่จะออกมาก่อน จึงจะร้องขออย่างอื่นต่อไปได้

ในขณะด้านขวา เป็นการนำ AJAX เข้ามาใช้งาน โดยการจัดวาง AJAX คั่นตรงกลางระหว่าง user(client) และ server ซึ่ง user นั้น ส่ง input ที่ต้องการไปยัง AJAX  แล้ว AJAX จะส่งผลลัพธ์การแสดงผลออกมา(ซึ่งจะยังไม่ใช่ผลลัพธ์อันเกิดจากการร้องขอ) เพื่อให้ user สามารถทำงานอย่างอื่นต่อไปได้เลย
โดยที่ในขณะเดียวกัน AJAX จะทำงานร้องขอความต้องการของ user ไปยัง server  แล้ว server จะส่งผลลัพธ์ที่ได้จากการร้องขอมายัง AJAX จากนั้น AJAX จะส่งต่อไปยัง user เมื่อ user ต้องการใช้งาน
ซึ่งกระบวนการแบบนี้ จะทำให้การทำงานในส่วนของ user(client) เป็นไปได้อย่างรวดเร็วกว่า แบบแรก

จากข้อมูลด้านบน คงพอให้เข้าใจใน AJAX ไปบ้าง คุณๆ สามารถหาอ่านเพิ่มเติมได้อีก จาก wikipedia หรือ w3school หรือตามเวปที่ให้ความรู้อื่นๆ อีกมากมายได้ค่ะ

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