يمكنك قراءة ملف بتنسيق XML بتنسيق HTML وعرض كافة محتوياته على صفحة HTML، أي عرض محتوى العلامة وعرض العلامة نفسها.
في المثال التالي، نفتح ملف XML ("cd_catalog.xml")، ثم نمر عبر كل عنصر من عناصر القرص المضغوط ونعرض قيم عنصر ARTIST وعنصر TITLE في جدول HTML:
<أتش تي أم أل>
<الجسم>
<النص البرمجي>
إذا (window.XMLHttpRequest)
{// كود لـ IE7+، Firefox، Chrome، Opera، Safari
xmlhttp=new 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("CD");
لـ (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>");
</script>
</الجسم>
</html>
جربه »
تَلمِيح:
يتم تمرير المعلومات الموجودة في علامة CDATA سليمة إلى التطبيق بواسطة المحلل اللغوي، ولا يتم تحليل أي علامات تحكم في مقطع المعلومات. يتم وضع علامة على منطقة CDATA بـ: "〈![CDATA[" كعلامة البداية و"]]〉" كعلامة النهاية.
سيتم أيضًا نقل الفراغات البادئة والزائدة وأحرف الأسطر الجديدة في منطقة CDATA (لاحظ أن CDATA حرف كبير).
لمعرفة المزيد حول استخدام JavaScript وXML DOM، قم بزيارة البرنامج التعليمي XML DOM الخاص بنا.