คุณสามารถอ่านไฟล์รูปแบบ XML ในรูปแบบ HTML และแสดงเนื้อหาทั้งหมดบนเพจ HTML กล่าวคือ แสดงเนื้อหาแท็ก และแสดงแท็กเอง
ในตัวอย่างต่อไปนี้ เราเปิดไฟล์ XML ("cd_catalog.xml") จากนั้นวนซ้ำแต่ละองค์ประกอบ CD และแสดงค่าขององค์ประกอบ ARTIST และองค์ประกอบ TITLE ในตาราง HTML:
<html>
<ร่างกาย>
<สคริปต์>
ถ้า (window.XMLHttpRequest)
{// โค้ดสำหรับ IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=ใหม่ XMLHttpRequest();
-
อื่น
// รหัสสำหรับ IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
-
xmlhttp.open("GET", "cd_catalog.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("ซีดี");
สำหรับ (i=0;i<x.length;i++)
-
document.write("<tr><td>");
document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
document.write("</td><td>");
document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
document.write("</td></tr>");
-
document.write("</table>");
</สคริปต์>
</ร่างกาย>
</html>
ลองเลย »
คำใบ้:
ข้อมูลในแท็ก CDATA จะถูกส่งผ่านไปยังแอปพลิเคชันโดยโปรแกรมแยกวิเคราะห์ และแท็กควบคุมใดๆ ในส่วนของข้อมูลจะไม่ถูกแยกวิเคราะห์ พื้นที่ CDATA ถูกทำเครื่องหมายโดย: "〈![CDATA[" เป็นเครื่องหมายเริ่มต้นและ "]]〉" เป็นเครื่องหมายสิ้นสุด
แม้แต่ช่องว่างนำหน้าและต่อท้ายและอักขระขึ้นบรรทัดใหม่ในพื้นที่ CDATA ก็จะถูกถ่ายโอนเช่นกัน (โปรดทราบว่า CDATA เป็นอักขระตัวพิมพ์ใหญ่)
หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับการใช้ JavaScript และ XML DOM โปรดไปที่บทช่วยสอน XML DOM ของเรา