Ajax
(Asynchronous JavaScript) คือเทคโนโลยีที่รวมเอาความสามารถของ JavaScript, XML, CSS, XHTML เอาไว้ด้วยกัน
เป็นที่ทราบกันดีอยู่แล้วว่าภาษา Java เป็นภาษาที่ใช้ในการสร้างโปรแกรมที่ใช้งานบน
Internet โดยโปรแกรมที่สร้างขึ้นด้วย Java จะผ่านการคอมไพล์จากเครื่องหนึ่ง และนำไป Run บนระบบใด ๆ เช่น Windows, Mac หรือ Unix ในเครื่องอื่น ๆ ก็ได้
ซึ่งก่อนหน้านี้ทางไมโครซอฟท์ได้มีการทำงานร่วมกับ W3C(World
Wide Web Consortium) หรือ องค์กรผู้กำหนดมาตรฐาน HTML เพื่อพัฒนามาตรฐานข้อมูลบนเว็บที่ให้ HTML
สามารถแสดงข้อมูลที่
XML ได้เตรียมไว้ และทางไมโครซอฟท์เองก็ได้มีการเปิดตัวBrowser ตั้งแต่ IE 4.0 เป็นต้นไป
ที่สามารถเรียกดูและประมวลผลข้อมูลได้ และเป็นข้อกำหนดให้ Browser เวอร์ชันใหม่ของค่ายไมโครซอฟท์สนับสนุน XML โดยในปี ค.ศ.2005
นั้นเองที่มีการนำเอาเทคโนโลยี XMLHttpRequest มาใช้ใน Gmail และ GoogleMaps และต่อจากนั้นมา Ajax
ก็ได้รับความนิยมมากขึ้นตลอดมา
Why to use Ajax
เหตุผลส่วนใหญ่ที่เรานำ Ajax มาใช้ในการสร้างเว็บเพจนั้นก็เพื่อความสะดวกรวดเร็ว
Ajax เป็นทางเลือกที่ดีทางหนึ่งเพราะการทำงานไม่ได้ใช้การประมวลจาก Server-side เพียงฝั่งเดียว แต่ Ajax ยอมให้มีปฏิบัติการประมวลผลบน Client-side (ใน JavaScript ) กับข้อมูลที่ใช้จากเครื่องแม่ข่ายด้วย
ซึ่งต่างจากในอดีตที่การประมวลผลนั้นจะตกเป็นหน้าที่ของทางเครื่องฝั่ง Server-side ฝั่งเดียว
หลักการทำงานของ Ajax
ตามปกติเมื่อเราเปิด
Web Browser และพิมพ์ URL ของเว็บเพจที่ต้องการเราจะเรียกผู้ใช้ว่า
Client-side Browser ก็จะส่งค่าไปยัง Server
เพื่อขอเปิดหน้า
URL ที่เราพิมพ์ลงไป เช่น www.google.co.th
และเมื่อทาง Server ได้รับค่าที่ส่งมาก็จะส่งหน้าเว็บเพจกลับมาให้
โดยเราจะเรียก Server ว่าผู้ให้บริการหรือ Server-side เมื่อฝั่งผู้ใช้ได้รับข้อมูลจาก Server ที่ส่งมาให้ Browser
ก็จะนำข้อมูลนั้นขึ้นหน้าจอ
จากนั้นเมื่อเราคลิกเว็บหน้าอื่น ๆ ก็จะเริ่มขั้นตอนทั้งหมดใหม่อีกครั้ง ตัวอย่างเพื่อความเข้าใจจากโปรแกรมเครื่องคิดเลขแบบง่ายๆครับ
เมื่อผู้ใช้ (client)ใส่ตัวเลขในค่าที่ 1 และ 2 แล้ว
คลิกเลือกว่าจะบวก ลบ คูณ หรือ หาร เพื่อหาค่าที่ต้องการข้อมูลนี้ก็จะส่งไปยัง server เพื่อเอาค่าทั้งสองที่ผู้ใช้ป้อนไปหาค่าตามที่เลือกไว้ไปจัดการ
วิธีการนี้หน้าจอเว็บเพจจะต้องมีการ Refresh ใหม่
และการรับผลที่ส่งกลับมาจะเป็นการส่งมาแบบทั้งหน้าเว็บเพจแบบเต็ม ๆ ทำให้กินBandwidth มาก
Web application
Model
แบบมาตรฐาน
และ แบบ AJAX
ส่วนการทำงานของ Ajax นั้นจะส่งเฉพาะข้อมูลที่ต้องการไปยัง server
และส่งกลับมาเฉพาะข้อมูลที่ต้องการไม่ใช่การส่งทั้งหน้าเว็บเพจมาใหม่
โดย Ajax อาศัย Object ที่ชื่อ XMLHTTP เมื่อผู้ใช้เปิดหน้าเว็บแล้วมีการส่งข้อมูล Ajax ก็จะให้ XMLHTTP ส่งค่าไปให้ Server แล้วให้ Server จัดการข้อมูลนั้นตามเงื่อนไขแล้วส่งข้อมูลนั้นกลับมาในรูปแบบ
XML ซึ่งก็จะใช้ JavaScript เป็นตัวจัดการข้อมูลที่ได้รับให้แสดงผลได้อย่างถูกต้องในหน้าเว็บเพจเดิม
จากรูปด้านล่างจะเห็นได้ว่าในช่วงเวลาที่เท่ากันเว็บแอพพลิเคชั่นแบบ Ajax จะสามารถส่งข้อมูลได้หลายครั้งกว่าแบบมาตรฐาน
การติดต่อไปยัง Server
ในแบบมาตรฐาน
ประโยชน์ของ Ajax
ประโยชน์ของ Ajax สำหรับประโยชน์ในการใช้งานนั้น
เราจะสามารถนำมาใช้สำหรับการเข้าถึงระบบข้อมูลขนาดใหญ่ใช้กับระบบเครือข่ายในองค์กรหรืออินเตอร์เน็ตเพื่อดูข้อมูลหรือเรียกใช้ข้อมูลที่ให้การแสดงผลทางหน้าจอที่รวดเร็วและง่ายในการจัดการ
และยังสะดวกในการจัดการด้านระบบการติดต่อกับผู้ใช้จากโครงสร้างของข้อมูล
เราสามารถนำข้อมูลจากหลายแหล่งมาแสดงผลและประมวลผลร่วมกันได้
ไม่ว่าจะเป็นข้อมูลลูกค้า รายการสั่งซื้อ ผลการวิจัย
รายการรับชำระเงินข้อมูลเวชระเบียน รายการสินค้าหรือข้อมูลสารสนเทศอื่น ๆ ก็สามารถแปลงให้เป็น
XML ได้ และในส่วนของข้อมูลสามารถปรับให้เป็น HTML ได้ อีกทั้งไม่ต้อง Refresh หน้าจอใหม่ทุกครั้งและข้อมูลที่ส่งไป-กลับไม่ได้ส่งไปทั้งหน้าทำให้กิน
Bandwidth น้อย
ที่มาจาก
http://cannot.info/?start=2&idCat=1&p=71620047771
http://community.thaiware.com/index.php?showtopic=248289
http://www.xul.fr/en-xml-ajax.html
http://www.thaicss.com/main/xhtml-xml-html-css.html
http://www.thaimisc.com/r/view.php?id=581&category=
ความคิดเห็น
แสดงความคิดเห็น