首先,要讓jQuery加載xml文件,如下,有兩種方式:
第一種$.get:
- $.get("xmlfile.xml",function(xml){
- //xml即爲可以讀取使用的內容
- });
- <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).find("field").each(function() {
- var field = $(this);
- var fName = field.attr("Name");//讀取節點屬性
- var dataType = field.find("datatype").text();//讀取子節點的值
- });