ตัวอย่าง AJAX XML
- หน้าก่อน คำตอบ AJAX
- หน้าต่อไป AJAX PHP
AJAX สามารถใช้สำหรับการสื่อสารปฏิสัมพันธ์กับไฟล์ XML。
ตัวอย่าง AJAX XML
ตัวอย่างด้านล่างนี้แสดงว่าวิธีที่หน้าเว็บสามารถอ่านข้อมูลจากไฟล์ XML ผ่าน AJAX:
ตัวอย่าง
ชี้แจงตัวอย่าง
เมื่อผู้ใช้กดปุ่ม 'ดึงข้อมูล CD' ฟังก์ชัน loadDoc() จะทำงาน。
loadDoc() ฟังก์ชันสร้างสิ่งประกอบ XMLHttpRequest และเพิ่มฟังก์ชันที่จะทำงานเมื่อเซิร์ฟเวอร์เตรียมพร้อมตอบสนอง และส่งคำขอไปยังเซิร์ฟเวอร์。
เมื่อเซิร์ฟเวอร์เตรียมพร้อมตอบสนอง สร้างตาราง HTML จากตัวแปร XML (เฉพาะอย่างยิ่ง) และใช้ตาราง HTML ที่ถูกกระตุ้นด้วยข้อมูล XML ที่ถูกเติมเข้าไปเพื่อปรับปรุงองค์ประกอบ 'demo':
LoadXMLDoc()
function loadDoc() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { myFunction(this); } }; xhttp.open("GET", "music_list.xml", true); xhttp.send(); } function myFunction(xml) { var i; var xmlDoc = xml.responseXML; var table="<tr><th>ศิลปิน</th><th>เพลง</th></tr>"; var x = xmlDoc.getElementsByTagName("TRACK"); for (i = 0; i <x.length; i++) { table += "<tr><td>" + x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue + "</td><td>" + x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue + "</td></tr>"; } document.getElementById("demo").innerHTML = table; }
ไฟล์ XML
ไฟล์ XML ที่ใช้ในตัวอย่างก่อนหน้านี้คล้ายนี้:"music_list.xml"。
- หน้าก่อน คำตอบ AJAX
- หน้าต่อไป AJAX PHP