jquery解析xml

標籤：rip   end   div   java   檔案   function   nbsp   ref   擷取   

更多的項目都是在解析json，今天臨時讓解析幾個xml檔案，其實都一樣，總結一下吧。

例如我們有這樣一個xml檔案

<?xml version="1.0" encoding="utf-8" ?><fields>  <field Name="Name1">    <fieldname>dsname</fieldname>    <datatype>字元</datatype>  </field>  <field Name="Name2">    <fieldname>dstype</fieldname>    <datatype>字元</datatype>  </field></fields>

該檔案名稱我們命名為data.xml

首先我們要擷取xml

$.get("data.xml",function(xml){          });

然後再 進行解析配置：例如這樣：

$(xml).find("field").each(function() {    var field = $(this);    var fName = field.attr("Name");//讀取節點屬性    var dataType = field.find("datatype").text();//讀取子節點的值});

接下來就是進行渲染到html上了。

    <div id="div">        <ul>        </ul>    </div>

渲染效果就是這樣：

 $("#div").find(‘ul‘).append(‘<li><a href="‘+links+‘">‘+titles+‘</a></li>‘);

 

 

完整代碼：

html：

 <div id="div">　　<ul></ul> </div>

javascript:

$(xml).find("field").each(function() {    var field = $(this);    var fName = field.attr("Name");//讀取節點屬性    var dataType = field.find("datatype").text();//讀取子節點的值

 $("#div").find(‘ul‘).append(‘<li><a href="‘+links+‘">‘+titles+‘</a></li>‘);

});

 

jquery解析xml