jquery解析xml

第一種方案:

01    <script type="text/javascript">    
02    $(document).ready(function() {    
03        $.ajax({    
04            url: 'http://www.nowamagic.net/cgi/test.xml',    
05            dataType: 'xml',    
06            success: function(data){    
07                //console.log(data);    
08                $(data).find("channel").find("item").each(function(index, ele) {    
09                    var titles = $(ele).find("title").text();    
10                    var links = $(ele).find("link").text();    
11                    console.log(titles+'-----');    
12                    $("#noticecon").find('ol').append('<li><a href="'+links+'">'+titles+'</a></li>');    
13                });    
14            }    
15        });    
16    })     
17    </script>    
18    
19        <div id="noticecon">    
20            <ol>    
21            </ol>    
22        </div>    




第二種方案:
<script type="text/javascript">
02        $.get("http://www.nowamagic.net/cgi/test.xml", function(data){    
03            $(data).find('channel').find('item').each(function(index, ele){    
04                var titles = $(ele).find('title').text();    
05                var links = $(ele).find('link').text();    
06                $("#noticecon").find('ol').append('<li><a href="'+links+'">'+titles+'</a></li>');    
07            })    
08        });    
09    </script>    
10    
11        <div id="noticecon">    
12            <ol>    
13            </ol>    
14        </div>
相關文章
相關標籤/搜索