|
ตัวย่างต่อไปนี้ จะเป็นตัวอย่างง่ายๆ ในการอ่านข้อมูล XML file แล้วนำมาแสดงผลด้วย
Java Script โดยใช้ DOM
ตัวอย่างของข้อมูลในรูปของ XML
สมมุตให้เป็นสมุดรายชื่อที่มี ชื่อ และเบอร์โทร โดยแต่ละรายการจะแยกด้วย
Tag <CONTACT>
|
<?xml version="1.0"?>
<CONTACT>
<NAME> David Backham </NAME>
<PHONE> 555-1255</PHONE>
</CONTACT>
|
บันทึกข้อมูลข้างต้นลงในไฟล์ชื่อ contacts.xml แล้ว run โปรแกรมข้างล่างนี้
|
<HTML><HEAD><TITLE>Display
Contacts with DOM</TITLE>
</TITLE></HEAD>
<BODY>
<SCRIPT language="JavaScript">
var xmlDoc;
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.load("contacts.xml"); // load ไฟล์
var objNode;
objNode = xmlDoc.documentElement.childNodes; // ชี้ไปที่ root
for (i=0;i<objNode.length;i++) // จำนวน node
document.write(objNode.item(i).firstChild.nodeValue+"<br>");
// ดึง node แรกในแต่ละ child
</SCRIPT>
</BODY>
</HTML>
|
จะพบว่า Source code นี้จะเป็นการวน loop เพื่อแสดงข้อมูลในแต่ละ
Node ภายใน for loop ตามจำนวน element ที่มีอยู่
|
