jQueryTips by Tee++; » XML http://www.jquerytips.com Coding is fun. Sun, 25 Apr 2010 11:30:33 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 อ่าน xml ทั้งที ไม่มี xPath ได้ไง http://www.jquerytips.com/2008/07/20/how-to-use-xpath/ http://www.jquerytips.com/2008/07/20/how-to-use-xpath/#comments Sat, 19 Jul 2008 18:14:06 +0000 Tee++; http://www.jquerytips.com/2008/07/20/how-to-use-xpath/ เกริ่นกันก่อน หลายๆคนอาจจะเริ่ม ตะหงิดๆ ทำไมพักนี้ผม อัพเดทอะไร หลายๆอย่างไม่ได้ เกี่ยวกับ jQuery เลย นั่นก็เพราะว่า “นึกไม่ออก” นั่นเอง (-*-)

jQuery มันเอาไว้ประยุกต์ใช้งาน มีแค่ Basic ก็สามารถทำได้ทุกอย่างแล้ว ที่เหลือก็หา plugin มานั่งแกะๆ เอาก็จะได้ทักษะเพิ่มไปเรื่อยๆ เอง ยิ่งใครมีพื้น js แน่นอยู่แล้ว แทบจะเรียกว่า ของหมูๆเลย ฉะนั้นในระหว่างที่ยังนึก ว่าจะอัพไรดีไม่ออก ผมก็จะเอาความรู้ ที่พอจะมีตกค้างมาบ้าง มาอัพเดทแทนไปพลางๆ 555

แต่ถ้าใครอยากรู้หรือสนใจอะไรเพิ่มเติมเกี่ยวกับ jQuery ก็หลังไมค์ มาได้ครับ ถ้ารู้ก็จะเอามาอัพเดทให้ แต่ถ้าไม่รู้ผมก็จะแกล้งทำเป็นรู้ แล้วไปหาบทความชาว ต่างชาติต่างเมือง มาแปลเป็นไทยให้ WoW!

เอาล่ะๆ เริ่มอะไรที่มันมีเนื้อหาสาระกันดีกว่า xPath เป็นภาษาที่เอาไว้ ไล่ nodes ในเอกสาร XML (จริงๆ ใน json ก็มีคนเอามาประยุกต์เลียนแบบ) ซึ่งอยากบอกว่ามันเป็นอะไรที่ โครตสะดวกเลย ลองมาดูตัวอย่างกันดีกว่า

XML File: simple.xml

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <rss>
  3. <book id="bk01">
  4.         <author>Mr.Tee++;</author>
  5.         <title>jQuery Developer’s Guide</title>
  6.         <genre>Computer</genre>
  7.         <price>44.95</price>
  8. </book>
  9. <book id="bk02">
  10.         <author>Mr.Tee++;</author>
  11.         <title>XML Developer’s Guide</title>
  12.         <genre>Computer</genre>
  13.         <price>5.95</price>
  14. </book>
  15. <book id="bk03">
  16.         <author>Not me</author>
  17.         <title>To be a hacker</title>
  18.         <genre>Internet</genre>
  19.         <price>10.50</price>
  20. </book>
  21. <book id="bk04">
  22.         <author>Mr.Tee++;</author>
  23.         <title>Google Adsense</title>
  24.         <genre>SEO</genre>
  25.         <price>70</price>
  26. </book>
  27. </rss>

สมมุติผมมี ตัวอย่าง xml ดังชุดข้างบน ผมจะลองมาดูว่าผมจะหาข้อมูลของ xml ชุดนี้โดยใช้ xPath เข้าช่วยได้อย่างไรบ้าง

  1. <strong>PHP file: xpathdemo.php</strong>
  2. $xml = simplexml_load_file(’simple.xml’);

ตัวอย่างที่ 1 การหาค่า attribute = “xxx”

  1. $res = $xml->xPath(‘//book[@id="bk01"]‘);
  2. /* ผลลัพธ์
  3. Array
  4. (
  5.     [0] => SimpleXMLElement Object
  6.         (
  7.             [@attributes] => Array
  8.                 (
  9.                     [id] => bk01
  10.                 )
  11.  
  12.             [author] => Mr.Tee++;
  13.             [title] => jQuery Developer’s Guide
  14.             [genre] => Computer
  15.             [price] => 44.95
  16.         )
  17.  
  18. )*/

ตัวอย่างนี้จะเป็นการหา author ที่ไม่ใช้ Not me ดังนั้นผลลัพธ์ จะได้ออกมา 3 records ซึ่ง author จะเท่ากับ Mr.Tee++;

  1. $res = $xml->xPath(‘//author[not(.="Not me")]‘);
  2. /* ผลลัพธ์
  3. Array
  4. (
  5.     [0] => SimpleXMLElement Object
  6.         (
  7.             [0] => Mr.Tee++;
  8.         )
  9.  
  10.     [1] => SimpleXMLElement Object
  11.         (
  12.             [0] => Mr.Tee++;
  13.         )
  14.  
  15.     [2] => SimpleXMLElement Object
  16.         (
  17.             [0] => Mr.Tee++;
  18.         )
  19.  
  20. )*/

ตัวอย่างนี้จะเป็นการหา price ที่มากกว่า 40 ขึ้นไป รวมทั้งสั่งให้ point node ไปที่ parent ของมันซึ่งก็คือ หลังจากที่มันหาค่าได้ node จะชี้ไปอยู่ที่ price แต่ผมต้องการ fields อื่นที่เป็น siblings ของมันด้วย

  1. $res = $xml->xPath(‘//price[.>40]/parent::*’);
  2.  
  3. /* ผลลัพธ์
  4. Array
  5. (
  6.     [0] => SimpleXMLElement Object
  7.         (
  8.             [@attributes] => Array
  9.                 (
  10.                     [id] => bk01
  11.                 )
  12.  
  13.             [author] => Mr.Tee++;
  14.             [title] => jQuery Developer’s Guide
  15.             [genre] => Computer
  16.             [price] => 44.95
  17.         )
  18.  
  19.     [1] => SimpleXMLElement Object
  20.         (
  21.             [@attributes] => Array
  22.                 (
  23.                     [id] => bk04
  24.                 )
  25.  
  26.             [author] => Mr.Tee++;
  27.             [title] => Google Adsense
  28.             [genre] => SEO
  29.             [price] => 70
  30.         )
  31.  
  32. )
  33.  
  34.  

สุดท้ายเป็นตัวอย่างการ Count ค่า genre = computer ซึ่งไม่มีอะไรมากทำแค่นี้ (เริ่มขี้เกียจอธิบาย)^^

  1. echo count($xml->xPath(‘//genre[.="Computer"]‘));

เอาล่ะ นี่เป็นแค่น้ำจิ้มจริงๆ xPath ทำไรได้เยอะกว่านี้แน่นอน ลองไปถามพี่ Goo เค้าสิ ท่าไม่เชื่อ วันนี้ลาไปก่อน หวัดดี

]]> http://www.jquerytips.com/2008/07/20/how-to-use-xpath/feed/ 2 ข้อแตกต่างระหว่าง DOM กับ SAX ในการทำงานกับ XML http://www.jquerytips.com/2008/07/15/xml-dom-sax/ http://www.jquerytips.com/2008/07/15/xml-dom-sax/#comments Tue, 15 Jul 2008 08:08:34 +0000 Tee++; http://www.jquerytips.com/2008/07/15/xml-dom-sax/ วันนี้มาปูพื้นเรื่อง XML กันอีกสักหน่อย การใทำงานกับเอกสาร XML เราจะทำงานผ่าน “xml parser” เพื่อเป็นการดึงชุดข้อมูลมาทำงาน ซึ่งจะมีอยู่ 2 วิธีหลักๆ ก็คือ DOM และ SAX

โดยทั้ง 2 กันต่างกันยังไงบ้างมาดูกัน

DOM (Document object model)
1. การเข้าถึงข้อมูล: เป็นการสุ่ม (random)
2. การอ่านข้อมูล: เป็นการโหลดเอกสาร XML มาทั้งหมด
3. การจัดการข้อมูล: สามารถจัดการได้ (สร้าง, แก้ไข, ลบ)

SAX (Simple API for XML)
1. การเข้าถึงข้อมูล: ตามลำดับ (sequence)
2. การอ่านข้อมูล: อ่านทีละชุด เฉพาะข้อมูลที่ต้องการเข้าถึง
3. การจัดการข้อมูล: อ่านได้อย่างเดียว

โดยการอ่านแบบ SAX จะเป็นการอ่านเฉพาะจุดที่เราต้องการเข้าถึง และถ้าต้องการเข้าถึงข้อมูลชุดอื่นๆ อีก จะมีการเรียกอ่าน เอกสาร xml ซ้ำ
ส่วนการอ่านแบบ DOM จะเป็นการเรียกเพียงครั้งเดียว และจัดเอกสารให้อยู่ในรูปแบบ “Tree” เมื่อจะเข้าถึงข้อมูล node อื่นๆ ก็สามารถเข้าถึงได้เลย ไม่ต้องเรียกซ้ำ

ทั้ง 2 ตัวมีข้อดีข้อเสีย ต่างกันคือ…
ถ้าข้อมูลมีจำนวนมาก ทั้ง 2 ตัวจะกินหน่วยความจำไม่ต่างกัน แต่ SAX จะอ่านข้อมูลเร็วกว่า
แต่ถ้าข้อมูลมีจำนวนมาก การบริโภคหน่วยความจำของ SAX จะมีมากกว่าค่อนข้างเยอะ ดังนั้นการเข้าถึงข้อมูลของ SAX ก็จะช้าตามลงไปด้วย

แต่ท้ายที่สุด เมื่อโหลดเอกสารเสร็จทั้งหมดแล้ว SAX ก็จะมีความเร็วเหนือกว่า DOM

สำหรับ PHP5 ลองศึกษาการใช้งานของ ทั้ง 2 วิธีได้ตาม link ด้านล่างเลยครับ
1. วิธีแบบ SAX
2. วิธีแบบ DOM

เอาล่ะ คิดว่าบทความครั้งนี้ คงช่วยให้เพื่อนๆ ตัดสินใจถูก ว่าในคราวหน้า เราควรจะเลือกใช้งานแบบไหนดี เวลาเจอ ไฟล์ XML มากองตรงหน้านะครับ ^^

]]> http://www.jquerytips.com/2008/07/15/xml-dom-sax/feed/ 0 มาอ่าน XML แบบง่ายๆ ด้วย SimpleXML http://www.jquerytips.com/2008/07/06/how-to-use-php-simplexml/ http://www.jquerytips.com/2008/07/06/how-to-use-php-simplexml/#comments Sun, 06 Jul 2008 04:09:21 +0000 Tee++; http://www.jquerytips.com/2008/07/06/how-to-use-php-simplexml/ จำได้มั้ยครับ สมัยก่อนเวลาเราจะอ่าน xml โดยใช้ php ที ต้องไปใช้คำสั่งตระกูล xml_parser ที่แสนวุ่นวาย มาจน PHP5 เพิ่มคำสั่ง simplexml มา และแล้วทุกอย่างก็เปลี่ยนไปตลอดกาล….

คำสั่ง simplexml เป็น extension ที่เริ่มมีมาใน PHP5 นี้เอง ชุดคำสั่งสามารถช่วยเราจัดการ xml ได้อย่างสบายมือ หยั่งกะท่อง array ^^ วันนี้ผมจะมา อธิบายแค่ชุดคำสั่งที่ใช้ในการ read เท่านั้นก่อน จะได้ไม่เป็นการยากเกินไป

เอาละเบื้องต้นหา xml เป้าหมายกันก่อน เอาเป็น hi5 นี่ล่ะว้า คนเล่นเยอะดี

  1. <?php
  2. $url = "http://api.hi5.com/rest/feed/albumlist/106835745";
  3. $xmlBase = file_get_contents($url);
  4. // SimpleXML ไม่ชอบ xml ในรูปแบบ <atom:field> เราจึง replace มันออกไปก่อน
  5. $xmlstr = preg_replace("/(<\/?)(\w+):([^>]*>)/", "$1$2$3", $xmlBase);
  6.  
  7. // วนลูปโดยทำการชี้ ไปที่ชุดที่เราต้องการได้เลย
  8. foreach ($xml->atomentry as $item)
  9. {
  10.   // ทำการดึง content ออกมา
  11.   echo $item->atomcontent."
  12. ";
  13. }
  14. ?>

เพียงเท่านี้ครับ ง่ายมั้ยล่ะ นอกจากนี้ simplexml ยังมีของวิเศษอีกชิ้นนึง นั่นก็คือ xpath ครับ

xpath เป็นตัวที่ทำให้เราข้ามชุดข้อมูลที่เราไม่ต้องการได้ทันทีเลย

เช่นผมมี xml ตามแบบด้านล้างนี้

  1. <?php
  2. $string = <<<XML
  3. <a>
  4.  <b>
  5.   <c>text</c>
  6.   <c>stuff</c>
  7.  </b>
  8.  <d>
  9.   <c>code</c>
  10.  </d>
  11. </a>
  12. XML;
  13. ?>

ผมสามารถที่จะเข้าถึง ข้อมูลชุด c ได้เลย โดยเขียนแบบนี้

  1. $xml = new SimpleXMLElement($string);
  2. $result = $xml->xpath(‘b/c’);

หรือขี้เกียจหนักเลยผมจะใช้แบบนี้ก็ยังได้

  1. $result = $xml->xpath(‘//c’);

ไม่ต้องเสียเวลามาไล่ทีละชั้นเหมือน array

นอกจากนี้ยังมีคำสั่งที่ต้องศึกษาเพิ่มเติมกันเอาอีกนิดหน่อยครับ คือพวกนี้

SimpleXMLElement->asXML
SimpleXMLElement->attributes
SimpleXMLElement->children

ปล. ตัวอย่างที่ผมเขียนให้ถ้าเอาไปศึกษาดีๆ สามารถดูรูปคนที่เค้าตั้งไว้ไม่ให้ดูด้วยนะ อิอิ ^^

แบบนี้ไงล่ะ
http://xxx.jquerytips.com/SimpleXML/readATOM.php?userId=xxxxxx

ใส่ userId ของคนที่คุณอยากดูลงไป วุ ฮ่า ฮ่า ฮ่า

]]> http://www.jquerytips.com/2008/07/06/how-to-use-php-simplexml/feed/ 12