jQuery解析xml檔案程式碼例項

雖然現在更推薦使用json格式的資料，但是xml檔案還是有很廣泛的應用，下面是一段jQuery解析xml檔案的程式碼例項和大家分享一下，希望能夠給需要的朋友帶來參考借鑑作用。

程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
<script type="text/javascript">
$(document).ready(function(){
  $.ajax({
    url: 'http://www.softwhy.com/xml.xml',
    dataType: 'xml',
    success: function(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>

以上程式碼主要核心程式碼的節選。

[JavaScript] 純文字檢視 複製程式碼
<script type="text/javascript">
$.get("http://www.softwhy.com/xml.xml",function(data){
  $(data).find('channel').find('item').each(function(index, ele){
    var titles = $(ele).find('title').text();
    var links = $(ele).find('link').text();
    $("#noticecon").find('ol').append('<li><a href="'+links+'">'+titles+'</a></li>');
  })
});
</script>
<div id="noticecon">
<ol></ol>
</div>