AJAX สามารถใช้เพื่อสื่อสารแบบโต้ตอบกับไฟล์ XML
ตัวอย่าง AJAX XML
ตัวอย่างต่อไปนี้สาธิตวิธีที่หน้าเว็บสามารถใช้ AJAX เพื่ออ่านข้อมูลจากไฟล์ XML:
ตัวอย่าง
ตัวอย่างการวิเคราะห์ - ฟังก์ชัน loadXMLDoc()
เมื่อผู้ใช้คลิกปุ่ม "รับซีดีคอลเลกชันของฉัน" ด้านบน ฟังก์ชัน loadXMLDoc() จะถูกดำเนินการ
ฟังก์ชัน loadXMLDoc() สร้างอ็อบเจ็กต์ XMLHttpRequest เพิ่มฟังก์ชันที่ดำเนินการเมื่อการตอบสนองของเซิร์ฟเวอร์พร้อม และส่งคำขอไปยังเซิร์ฟเวอร์
เมื่อการตอบสนองของเซิร์ฟเวอร์พร้อม ตาราง HTML จะถูกสร้างขึ้น โหนด (องค์ประกอบ) จะถูกแยกออกจากไฟล์ XML และสุดท้ายองค์ประกอบตารางที่มี id="demo" ก็จะถูกเติมด้วยข้อมูล XML:
กำลังโหลดเอกสาร XML แบบอะซิงโครนัส
การทำงาน loadXMLDoc ( ) - var xhttp = ใหม่ XMLHttpRequest ( ) ; xhttp .- ถ้า ( นี่ . readyState == 4 && นี้ . สถานะ == 200 ) - myFunction ( นี่ ) ; } ; xhttp . เปิด ( " GET " , " cd_catalog.xml " ) ;การทำงาน myFunction ( xml ) - var ฉัน ; xmlDoc = xml .responseXML ; table = " <tr>
<th> ศิลปิน</th><th>ชื่อ</th></tr> " ; x = xmlDoc . getElementsByTagName ( " ซีดี " ) ; ( i = 0 ; i < x . ความยาว ; i ++ ) - ตาราง + = " <tr> <td> " + x [ i ] . getElementsByTagName ( " ARTIST " ) [ 0 ] ( " TITLE " ) [ 0 ] . โหนดลูก [ 0 ] . nodeValue + " </td></tr> " ; - เอกสาร . getElementById ( " สาธิต " ) innerHTML = ตาราง ; หน้าเซิร์ฟเวอร์ AJAX
หน้าเซิร์ฟเวอร์ที่ใช้ในตัวอย่างข้างต้นเป็นไฟล์ XML ชื่อ "cd_catalog.xml"
