JQuery解析xml的两种方式$.get和$.ajax

首先，要让jQuery加载xml文件，如下，有两种方式：

第一种$.get：

$.get("xmlfile.xml",function(xml){  

    //xml即为可以读取使用的内容

});  

第二种$.ajax：

<script type="text/javascript">  

$(document).ready(function() {  

    $.ajax({  

        url: 'http://www.nowamagic.net/cgi/test.xml',  

        dataType: 'xml',  

        success: function(data){  

            //console.log(data);  

            $(data).find("channel").find("item").each(function(index, ele) {  

                var titles = $(ele).find("title").text();  

                var links = $(ele).find("link").text();  

                console.log(titles+'-----');  

                $("#noticecon").find('ol').append('<li><a href="'+links+'">'+titles+'</a></li>');  

            });  

        }  

    });  

})   

</script>  

  

    <div id="noticecon">  

        <ol>  

        </ol>  

    </div>  

加载完，之后，就可以开始解析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>  

解析代码：

[html] view
plain copy

$(xml).find("field").each(function() {  

    var field = $(this);  

    var fName = field.attr("Name");//读取节点属性  

    var dataType = field.find("datatype").text();//读取子节点的值  

});