เทคโนโลยีที่สำคัญ (เครื่องมือ) ที่ใช้ในการออกแบบ AJAX คือวัตถุ XMLHTTPRequest ออบเจ็กต์ XMLHttpRequest เป็นรากฐานทางเทคนิคสำหรับแอปพลิเคชัน AJAX และ Web 2.0 ทั้งหมดในปัจจุบัน แม้ว่าผู้จำหน่ายซอฟต์แวร์และชุมชนโอเพ่นซอร์สกำลังจัดเตรียมเฟรมเวิร์ก AJAX ต่างๆ เพื่อทำให้การใช้ออบเจ็กต์ XMLHttpRequest ง่ายขึ้น อย่างไรก็ตาม ยังคงจำเป็นสำหรับเราที่จะเข้าใจคุณสมบัติและวิธีการของออบเจ็กต์นี้
1. ออบเจ็กต์ XMLHTTPRequest คืออะไร
คำจำกัดความที่พบบ่อยที่สุดคือ: XmlHttp คือชุดของ API ที่สามารถส่งหรือรับ XML และข้อมูลอื่นๆ ผ่านโปรโตคอล http ใน JavaScript, VbScript, Jscript และภาษาสคริปต์อื่นๆ การใช้งาน XmlHttp ที่ใหญ่ที่สุดคือสามารถอัปเดตเนื้อหาบางส่วนในหน้าเว็บได้โดยไม่ต้องรีเฟรชทั้งหน้า (ฟังก์ชันนี้เป็นหนึ่งในคุณสมบัติที่สำคัญของ AJAX)
คำอธิบายจาก MSDN: XmlHttp มีโปรโตคอลสำหรับไคลเอ็นต์ในการสื่อสารกับเซิร์ฟเวอร์ http ไคลเอนต์สามารถส่งคำขอไปยังเซิร์ฟเวอร์ http ผ่านวัตถุ XmlHttp (MSXML2.XMLHTTP.3.0) และใช้ Microsoft XML Document Object Model Microsoft? XML Document Object Model (DOM) เพื่อประมวลผลการตอบสนอง
ขอพูดนอกประเด็น จริงๆ แล้วสิ่งนี้เกิดขึ้นเร็วมาก อย่างไรก็ตาม ในอดีตการรองรับเบราว์เซอร์ยังไม่เพียงพอ เปลี่ยนแปลงไปมาก Mozilla และ Safari นำมาใช้เป็นมาตรฐานโดยพฤตินัยและเบราว์เซอร์กระแสหลักเริ่มรองรับวัตถุ XMLHTTPRequest แต่สิ่งที่ต้องเน้นย้ำที่นี่คือ XMLHTTPRequest ยังไม่ใช่มาตรฐาน W3C ดังนั้นประสิทธิภาพของเบราว์เซอร์ที่แตกต่างกันจึงแตกต่างกันเล็กน้อย
2. สร้างวัตถุ XMLHTTPRequest
เมื่อพูดถึงความแตกต่าง มาดูวิธีการประกาศ (ใช้) ก่อนใช้วัตถุ XMLHTTPRequest เพื่อส่งคำขอและประมวลผลการตอบกลับ เราต้องใช้ javascript เพื่อสร้างวัตถุ XMLHTTPRequest (IE ใช้ XMLHTTPRequest เป็นวัตถุ ActiveX และเบราว์เซอร์อื่นๆ [เช่น Firefox/Safari/Opear] ใช้เป็นวัตถุจาวาสคริปต์ดั้งเดิม) ลองมาดูวิธีการใช้ JavaScript เพื่อสร้างมัน:
ต่อไปนี้เป็นคำพูด:
3. คุณสมบัติและวิธีการ เนื่องจากมีหลายอย่างมากเกินไป ฉันจะใช้หน้านี้เพื่อแสดงรายการวิธีการและคุณสมบัติ ฉันจะให้ตัวอย่างโดยละเอียดในภายหลัง (เพราะฉันกำลังเรียนรู้เป็นหลัก)
<หัว>