วันพุธที่ 1 มีนาคม พ.ศ. 2560

Ajax (Asynchronous JavaScript and XML)

          Ajax ไมใชภาษาที่ใชในการเขียนโปรแกรม แตเปนชุดของเทคโนโลยีตางๆ Ajax ยอมาจาก Asynchronous JavaScript And XML ซึ่งหมายถึงการทํางานรวมกันระหวาง JavaScript และ XML แบบ Asynchronous โดยมีหลักการทํางาน 2 สวน คือ การ Update หนาเว็บเพจแบบบางสวน และการ ติดตอสื่อสารกับ Server โดยใชหลักการ Asynchronous ทําใหผูใชไมตองหยุดการทํางาน เพื่อรอการ ประมวลผลจาก Server รวมถึงการดาวนโหลดและการรีเฟรชหนาเว็บเพจของบราวเซอรทางฝง Client  มีการใช Ajax โดยการเพิ่มเลเยอรระหวาง User browser กับ Server ทําใหผูใชสามารถทํางานไดโดยไมตอง รอให Client ติดตอไปยัง Server รวมถึงการดาวนโหลดและการรีเฟรชหนาเว็บเพจทั้งหมดดวย ดังนั้นผูใช สามารถใชงาน Application ไดอยางมีประสิทธิภาพมากขึ้น
          Ajax จึงไมใชเทคโนโลยีในตัวของมันเอง แตวาเปนการนําเทคโนโลยีหลายๆ ตัวมารวมกันเชน JavaScript, DHTML, XML, Css, Dom และ XMLHTTPRequest
          Ajax engine ทําหนาที่เปนตัวกลางระหวาง Client และ Server ฉะนั้นเมื่อ Client มี Request แทนที่ จะสง HTTP request ไปยัง Server โดยตรง Client จะสง JavaScript call ไปยัง Ajax engine เพื่อดาวนโหลด ขอมูลที่ User ตองการ และหาก Ajax engine ตองการขอมูลเพิ่มเติมในการตอบสนองตอ User Ajax engine จะสง Request ไปยัง Server โดยใช XML แทน

          เทคโนโลยีตาง ๆ ที่เปนสวนประกอบของ Ajax ซึ่งไดแก่
  1. HTML/XHTML เปนภาษาในการจัดแสดงขอมูล
  2. CSS เปนรูปแบบการจัดแตง XHTML
  3. Document Object Model (DOM) สําหรับ dynamic display and interaction
  4. XML เปนรูปแบบการแลกเปลี่ยนขอมูล
  5. XSLT สําหรับ แปลง XML เปน XHTML
  6. XMLHTTPRequest สําหรับ asynchronous data retrieval
  7. JavaScript เปนภาษาในการใชงาน Ajax engine 
          หลักการทํางานของ Ajax
          Ajax จะชวยลดการติดตอระหวาง Client กับ Server โดยในการดาวนโหลดหนาเว็บเพจนั้น บราวเซอรจะดาวนโหลดขอมูลจาก Ajax engine แทนการรองขอขอมูลจาก Server โดยตรง ดังนั้น Ajax จะ ทําหนาที่ทั้งการ Render สวนติดตอกับผูใชและติดตอไปยัง Server แลว Ajax engine อนุญาตใหการกระทํา ตางๆ ใน Web application เปนแบบ Asynchronous คือความเปนอิสระในการติดตอไปยัง Server นั่นเอง ดังนั้นผูใชจะไมพบกับบราวเซอรหนาวางเปลา อีกตอไป และไมตองรอการดาวนโหลดขอมูลตางๆ จาก Server

          ขอดีของ Ajax
  1. ตอบสนองตอผูใชไดอยางรวดเร็วเนื่องจากการ update แบบบางสวน
  2. ผูใชไมตองหยุดรอคอยการประมวลของ server เนื่องจากการติดตอแบบ Asynchronous
  3. รองรับกับบราวเซอรหลักๆ ที่สามารถใช JavaScript ได
  4. ทําใหการประมวลผลที่ Server มีความรวดเร็วขึ้นเนื่องจากการประมวลผลที่ Server ลดลง
  5. ไมตองทําการติดตั้ง หรือใช Plugs-in
  6. ไมยึดติดกับ Platform หรือภาษาที่ใชในการเขียนโปรแกรม
  7. เปนเ ทคโนโลยีใหมที่ไมไดเปนของนักพัฒนาเว็บแอพลิเคชั่นคนใด นั่นคือทุกคนมีสิทธิ์เขามา พัฒนาแอพลิเคชั่นตัวนี้ 











ไม่มีความคิดเห็น:

แสดงความคิดเห็น