วันนี้เรามาลองใช้ XML ใน Flash กันดูนะ… ซึ่ง XML มีลักษณะแบบนี้…

XML

1
2
3
4
5
6
7
8
9
10

<?xml version="1.0" encoding="utf-8"?>
<data>
  <name>Name</name>
  <age>25</age>
  <bag>
    <item id="1">Value1</item>
    <item id="2">Value2</item>
    <item id="3">Value3</item>
  </bag>
</data>

จะเห็นรูปแบบ XML ว่าคล้ายๆ HTML ที่มี tag เปิด/ปิด ครอบข้อมูลอยู่…
ซึ่งเราจะเรียกว่า element

เมื่อแยกส่วนออกมาก็จะได้ดังนี้…

data ที่เราเห็นอยู่นอกสุดนั้นคือ root element
name, age และ bag เราจะเรียกว่า child element
item ทั้ง 3 ตัว ก็คือ (sub) child element (ของ bag) เช่นกัน…
แล้ว item ทั้ง 3 ตัวนั้นมี attribute ชื่อ id ซึ่งมีค่า 1, 2 และ 3 ตามลำดับ…
แล้ว id แต่ละตัวมีค่า Value1, Value2 และ Value3 ตามลำดับเช่นกัน…

…

เมื่อลองมาเขียน ActionScript เพื่อที่จะดึงข้อมูลใน XML นี้ออกมาใช้งาน…
ซึ่งใน ActionScript นี้จะมองแต่ละ element เป็น node แทน…

ActionScript 2.0

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

var xml:XML = new XML('<?xml version="1.0" encoding="utf-8"?><data><name>Name</name><age>25</age><bag><item id="1">Value1</item><item id="2">Value2</item><item id="3">Value3</item></bag></data>');
 
trace("root node = " + xml.firstChild);
trace("node 1 = " + xml.firstChild.childNodes[0]);
trace("node 2 = " + xml.firstChild.childNodes[1]);
trace("node 3 = " + xml.firstChild.childNodes[2]);
trace("//");
 
trace("node 1: value = " + xml.firstChild.childNodes[0].firstChild.nodeValue);
trace("node 2: value = " + xml.firstChild.childNodes[1].firstChild.nodeValue);
trace("//");
 
trace("node 3.1: attribute id = " + xml.firstChild.childNodes[2].childNodes[0].attributes.id);
trace("node 3.1: value = " + xml.firstChild.childNodes[2].childNodes[0].firstChild.nodeValue);
trace("//");
 
trace("node 3.2: attribute id = " + xml.firstChild.childNodes[2].childNodes[1].attributes.id);
trace("node 3.2: value = " + xml.firstChild.childNodes[2].childNodes[1].firstChild.nodeValue);
trace("//");
 
trace("node 3.3: attribute id = " + xml.firstChild.childNodes[2].childNodes[2].attributes.id);
trace("node 3.3: value = " + xml.firstChild.childNodes[2].childNodes[2].firstChild.nodeValue);
trace("//");

เมื่อ test movie แล้วจะได้ผลดังนี้…

Output

root node = <data><name>Name</name><age>25</age><bag><item id="1">Value1</item><item id="2">Value2</item><item id="3">Value3</item></bag></data>
node 1 = <name>Name</name>
node 2 = <age>25</age>
node 3 = <bag><item id="1">Value1</item><item id="2">Value2</item><item id="3">Value3</item></bag>
//
node 1: value = Name
node 2: value = 25
//
node 3.1: attribute id = 1
node 3.1: value = Value1
//
node 3.2: attribute id = 2
node 3.2: value = Value2
//
node 3.3: attribute id = 3
node 3.3: value = Value3
//

…

โดยรวมจะเห็นได้ว่า รูปแบบของ XML ง่ายต่อการจัดรูปแบบข้อมูล เป็นมาตรฐานที่เข้าใจในวงกว้าง… จึงเป็นที่นิยมในการนำไปทำระบบแสดงผล ข้อมูลต่างๆ หลายรูปแบบ…
เช่น RSS Feed, Photo Gallery, Config File, Data File

// XML Tutorial (w3schools.com)

Related Posts