517322-Lecture: AJAX

20/02/2013 11:46 PM Study 577 views

AJAX

  • AJAX มาจากคำว่า “Asynchronous Javascript and XML”
  • AJAX ไม่ได้เป็นเทคโนโลยีใหม่เพียงแต่นำ Javascript กับ XML มารวมกันและพัฒนาใช้งานได้ดีขึ้น
  • เราอาจรู้จัก AJAX ในอีกรูปแบบหนึ่งที่มีชื่อว่า XMLHTTP

การทำงานของ AJAX

  • AJAX สามารถติดต่อกับ server ผ่าน Javascriptได้โดยตรงโดยใช้ JavaScript XML HttpResuest ซึ่ง JavaScript จะอัพเดทข้อมูหน้าเว็บบน browser ใหม่โดยไม่จำเป็นต้องโหลดหรือรีเฟรชหน้าใหม่
  • AJAX ใช้ HTTP Request ในการติดต่อสื่อสารระหว่าง browser กับ server เพื่อตรวจสอบข้อมูลหรือร้องขอข้อมูลลบางอย่างเพียงเล็กน้อยมาแสดงบนหน้าเว็บแทนที่จะโหลดหน้าเว็บใหม่ทั้งหมด
  • AJAX ทำงานได้รวดเร็วและไม่จำเป็นต้องใช้อินเตอร์ความเร็วสูง
  • เว็บไซต์ปัจจุบันนิยมนำ AJAX เข้ามาช่วยทำงานเพราะรองรับการทำงานหลากหลาย browser และไม่ขึ้นกับ platform

เปรียบเทียบการทำงานของเว็บไซต์ทั่วไปและเว็บที่ใช้ AJAX

800px-Ajax_model-th

Server Response

  • response Text – ข้อมูลที่ได้รับตอบกลับเป็น String
  • response XML – ข้อมูลที่ได้รับตอบกลับอยู่ในรูปแบบ XML

XMLHttpRequest Properties

  • onreadystatechange
  • readyState
    • 0: request not initialized
      1: server connection established
      2: request received
      3: processing request
      4: request finished and response is ready
  • status
    • 200: “OK”
      404: Page not found

 

ขอบคุณเนื้อหาจาก

  • slide วิชา Internet Programming
  • http://www.w3schools.com/ajax/default.asp

 

, ,