Ryusuke Fuda's Tech Blog

Softweare Enginier about Web, iOS, Android.

javascript(jQuery)でRSS処理

google feed API を使う

<div id=="gameNewsFeed"></div> //このdivの中へappend

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">

google.load("feeds", "1");
function initialize() {
        var feedurl = "http://app.famitsu.com/feed/"; //取得したいRSSフィード
        var feed = new google.feeds.Feed(feedurl);
        feed.setNumEntries(5);
        feed.load(function (result){
                if (!result.error){
                        var items = result.feed.entries;
                        var html = '';
                        for (var i in items) {
                                html += '<li><a href="' + items[i].link + '" target="_blank">' + items[i].title + '</a></li>';
                        }
                        $('#gameNewsFeed').append(html);
                        
                }
        });
}
google.setOnLoadCallback(initialize); //実行
</script>


参考)
http://zxcvbnmnbvcxz.com/jquery-google-feed-api/