ล่าสุดการพัฒนาเว็บบทเรียน
 

ตัวอย่าง XPath


เราลองมาเรียนรู้บางไวยากรณ์ XPath ขั้นพื้นฐานโดยดูที่ตัวอย่างบางส่วน


ตัวอย่าง XML เอกสาร

เราจะใช้เอกสาร XML ต่อไปนี้ในตัวอย่างด้านล่าง

"books.xml":

<?xml version="1.0" encoding="UTF-8"?>

<bookstore>

<book category="COOKING">
  <title lang="en">Everyday Italian</title>
  <author>Giada De Laurentiis</author>
  <year>2005</year>
  <price>30.00</price>
</book>

<book category="CHILDREN">
  <title lang="en">Harry Potter</title>
  <author>J K. Rowling</author>
  <year>2005</year>
  <price>29.99</price>
</book>

<book category="WEB">
  <title lang="en">XQuery Kick Start</title>
  <author>James McGovern</author>
  <author>Per Bothner</author>
  <author>Kurt Cagle</author>
  <author>James Linn</author>
  <author>Vaidyanathan Nagarajan</author>
  <year>2003</year>
  <price>49.99</price>
</book>

<book category="WEB">
  <title lang="en">Learning XML</title>
  <author>Erik T. Ray</author>
  <year>2003</year>
  <price>39.95</price>
</book>

</bookstore>

ดู "books.xml" แฟ้มในเบราว์เซอร์ของคุณ


โหลดเอกสาร XML

ใช้ XMLHttpRequest โหลดเอกสาร XML รับการสนับสนุนในเบราว์เซอร์ที่ทันสมัย

สำหรับเบราว์เซอร์ที่ทันสมัยที่สุด:

var xmlhttp=new XMLHttpRequest()

สำหรับเบราว์เซอร์ไมโครซอฟท์เก่า (IE 5 and 6) :

var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")

เลือกโหนด

แต่น่าเสียดายที่มีวิธีการที่แตกต่างกันในการจัดการกับ XPath ใน Internet Explorer และเบราว์เซอร์อื่น ๆ

ในตัวอย่างของเราที่เราได้รวมรหัสที่ควรทำงานร่วมกับเบราว์เซอร์ที่สำคัญที่สุด

Internet Explorer ใช้ selectNodes() วิธีการในการเลือกโหนดจากเอกสาร XML:

xmlDoc.selectNodes( Firefox, Chrome, Opera และ Safari ใช้ evaluate() วิธีการในการเลือกโหนดจากเอกสาร XML:

xmlDoc.evaluate( เลือกชื่อทั้งหมด

ตัวอย่างต่อไปนี้เลือกโหนดชื่อ:

ตัวอย่าง

/bookstore/book/title
ลองตัวเอง»

เลือกชื่อของหนังสือเล่มแรก

ตัวอย่างต่อไปนี้เลือกชื่อของโหนดหนังสือเล่มแรกภายใต้องค์ประกอบของร้านหนังสือไปนี้:

ตัวอย่าง

/bookstore/book[1]/title
ลองตัวเอง»

เลือกราคาทั้งหมด

ตัวอย่างต่อไปนี้เลือกข้อความจากทุกโหนดราคา:

ตัวอย่าง

/bookstore/book/price[text()]
ลองตัวเอง»

เลือกโหนดราคาที่มีราคา> 35

ตัวอย่างต่อไปนี้เลือกโหนดราคาที่มีราคาที่สูงกว่า 35:

ตัวอย่าง

/bookstore/book[price>35]/price
ลองตัวเอง»

เลือกโหนดชื่อที่มีราคา> 35

ตัวอย่างต่อไปนี้เลือกโหนดชื่อกับราคาที่สูงกว่า 35:

ตัวอย่าง

/bookstore/book[price>35]/title
ลองตัวเอง»