javascript - jquery用xml数据更新ul列表

Question

我正在尝试使用 jQuery 函数更新我的 html 中的 ul 。我想阅读一个 xml（rss 提要），然后将每个标题添加到我的 ul 中。

jQuery 函数

<script type="text/javascript">

jQuery(function(){
 jQuery.getFeed({
    url: 'xml/rss-21.xml',
        success: function(feed) { 
       var $ul = $('ul#test').empty();  // the ul where xml will end up....

         $ul.append('<li data-theme="c"><a href="#page1" data-transition="slide">'feed.title'</a></li>');

  });
});
</script>

HTML

<div id="result" 
                <ul data-role="listview" data-divider-theme="b" data-inset="true" id="test">
                    <li data-role="list-divider" role="heading">
                        News
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="slide">
                            Dolbey and Alpha Systems Announce Strategic Alliance Partnership
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="slide">
                            Dictate Into Your EMR
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="http://www.tristateis.com" data-transition="slide">
                            Win a Free Digital Pocket Memo
                        </a>
                    </li>
                </ul>
                  </div>

Answer 1

使用这个。这会将您的 RSS 作为 JSON 对象返回给回调函数：

function parseRSS(url, callback) {
   $.ajax({
   url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(url),
   dataType: 'json',
   success: function(data) {
   callback(data.responseData.feed);
   }
 });
}