2016年6月12日 星期日

使用 jQuery 操作 XML

寫 web 多年,在實作前端 ( javascript ) 與 Server 的溝通總是以 JSON 為主,
從沒想過用 XML 格式進行溝通,
一直覺得在前端 Javascript 操作 XML 是一件痛苦的事,
原來在 jQuery 1.5 就有提供方便的方式查詢與操作 XML,

使用 $($.parseXML(xmlStr)) 轉成 jQuery 物件後,
即可像操作 dom 一樣,瀏覽 xml 囉!
範例如下:(參考官網)

var xml = "RSS Title",
  xmlDoc = $.parseXML( xml ),
  $xml = $( xmlDoc ),
  $title = $xml.find( "title" );
 
// Append "RSS Title" to #someElement
$( "#someElement" ).append( $title.text() );
 
// Change the title to "XML Title"
$title.text( "XML Title" );
 
// Append "XML Title" to #anotherElement
$( "#anotherElement" ).append( $title.text() );

沒有留言:

張貼留言