XML Tutorial

XML หน้าแรก บทนำ XML XML วิธีใช้งาน XML Tree ไวยากรณ์ XML องค์ประกอบ XML คุณสมบัติ XML XML เนมสเปซ จอแสดงผล XML XML HttpRequest XML Parser XML DOM XML XPath XML XSLT XML XQuery XML XLink เครื่องมือตรวจสอบ XML XML DTD XML Schema XML Server ตัวอย่าง XML แบบทดสอบ XML ใบรับรอง XML

XML AJAX

บทนำ AJAX AJAX XMLHttp คำขอ AJAX การตอบสนอง AJAX ไฟล์ AJAX XML AJAX PHP AJAX ASP ฐานข้อมูล AJAX แอปพลิเคชัน AJAX ตัวอย่าง AJAX

XML DOM

บทนำ DOM โหนด DOM การเข้าถึง DOM ข้อมูลโหนด DOM รายการโหนด DOM DOM Traversing การนำทาง DOM DOM รับค่า DOM เปลี่ยนโหนด DOM ลบโหนด DOM แทนที่โหนด DOM สร้างโหนด DOM เพิ่มโหนด DOM โคลนโหนด ตัวอย่าง DOM

บทช่วย สอนXPath

บทนำ XPath โหนด XPath ไวยากรณ์ XPath แกน XPath ตัวดำเนินการ XPath ตัวอย่าง XPath

กวดวิชาXSLT

บทนำ XSLT ภาษา XSL การแปลง XSLT XSLT <แม่แบบ> XSLT <ค่าของ> XSLT <for-each> XSLT <sort> XSLT <if> XSLT <เลือก> ใช้ XSLT XSLT บนไคลเอนต์ XSLT บนเซิร์ฟเวอร์ XSLT แก้ไข XML ตัวอย่าง XSLT

กวดวิชาXQuery

บทนำ XQuery ตัวอย่าง XQuery XQuery FLWOR XQuery HTML ข้อกำหนด XQuery ไวยากรณ์ XQuery XQuery เพิ่ม XQuery Select ฟังก์ชัน XQuery

XML DTD

บทนำ DTD บล็อกตัวต่อ DTD องค์ประกอบ DTD คุณสมบัติ DTD องค์ประกอบ DTD เทียบกับ Attr หน่วยงาน DTD ตัวอย่าง DTD

ส คีมา XSD

บทนำ XSD XSD วิธีการ XSD <schema> องค์ประกอบ XSD แอตทริบิวต์ XSD ข้อจำกัด XSD

XSD Complex

องค์ประกอบ XSD XSD ว่างเปล่า องค์ประกอบ XSD เท่านั้น XSD Text เท่านั้น XSD ผสม ตัวชี้วัด XSD XSD <ใด ๆ> XSD <anyAttribute> การทดแทน XSD XSD ตัวอย่าง

ข้อมูลXSD

XSD สตริง วันที่ XSD XSD ตัวเลข XSD เบ็ดเตล็ด ข้อมูลอ้างอิง XSD

บริการเว็บ

XML Services XML WSDL XML SOAP XML RDF XML RSS

อ้างอิง

ประเภทโหนด DOM โหนด DOM DOM NodeList DOM NamedNodeMap เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM ข้อความ DOM DOM CDATA ความคิดเห็นของ DOM DOM XMLHttpRequest DOM Parser องค์ประกอบ XSLT ฟังก์ชัน XSLT/XPath

XML Parser


เบราว์เซอร์หลักทั้งหมดมีตัวแยกวิเคราะห์ XML ในตัวเพื่อเข้าถึงและจัดการ XML


XML Parser

XML DOM (Document Object Model)กำหนดคุณสมบัติและวิธีการในการเข้าถึงและแก้ไข XML

อย่างไรก็ตาม ก่อนเข้าถึงเอกสาร XML จะต้องโหลดเอกสารนั้นลงในวัตถุ XML DOM

เบราว์เซอร์ที่ทันสมัยทั้งหมดมีตัวแยกวิเคราะห์ XML ในตัวที่สามารถแปลงข้อความเป็นวัตถุ XML DOM


การแยกวิเคราะห์สตริงข้อความ

ตัวอย่างนี้แยกวิเคราะห์สตริงข้อความเป็นอ็อบเจ็กต์ XML DOM และดึงข้อมูลจากมันด้วย JavaScript:

ตัวอย่าง

<html>
<body>

<p id="demo"></p>

<script>
var text, parser, xmlDoc;

text = "<bookstore><book>" +
"<title>Everyday Italian</title>" +
"<author>Giada De Laurentiis</author>" +
"<year>2005</year>" +
"</book></bookstore>";

parser = new DOMParser();
xmlDoc = parser.parseFromString(text,"text/xml");

document.getElementById("demo").innerHTML =
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
</script>

</body>
</html>


ตัวอย่างที่อธิบาย

สตริงข้อความถูกกำหนด:

text = "<bookstore><book>" +
"<title>Everyday Italian</title>" +
"<author>Giada De Laurentiis</author>" +
"<year>2005</year>" +
"</book></bookstore>";

สร้างตัวแยกวิเคราะห์ XML DOM:

parser = new DOMParser();

parser สร้างวัตถุ XML DOM ใหม่โดยใช้สตริงข้อความ:

xmlDoc = parser.parseFromString(text,"text/xml");

Internet Explorer เวอร์ชันเก่า

Internet Explorer เวอร์ชันเก่า (IE5, IE6, IE7, IE8) ไม่สนับสนุนวัตถุ DOMParser

ในการจัดการ Internet Explorer เวอร์ชันเก่า ให้ตรวจสอบว่าเบราว์เซอร์สนับสนุนวัตถุ DOMParser หรือสร้าง ActiveXObject:

ตัวอย่าง

if (window.DOMParser) {
  // code for modern browsers
  parser = new DOMParser();
  xmlDoc = parser.parseFromString(text,"text/xml");
} else {
  // code for old IE browsers
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async = false;
  xmlDoc.loadXML(text);

วัตถุ XMLHttpRequest

วัตถุXMLHttpRequestมีตัวแยกวิเคราะห์ XML ในตัว

คุณสมบัติresponseTextส่งกลับการตอบกลับเป็นสตริง

คุณสมบัติresponseXMLส่งคืนการตอบสนองเป็นอ็อบเจ็กต์ XML DOM

หากคุณต้องการใช้การตอบกลับเป็นวัตถุ XML DOM คุณสามารถใช้คุณสมบัติ responseXML

ตัวอย่าง

ขอไฟล์cd_catalog.xmlและใช้การตอบสนองเป็นอ็อบเจ็กต์ XML DOM:

xmlDoc = xmlhttp.responseXML;
txt = "";
x = xmlDoc.getElementsByTagName("ARTIST");
for (i = 0; i < x.length; i++) {
    txt += x[i].childNodes[0].nodeValue + "<br>";
}
document.getElementById("demo").innerHTML = txt;