javascript - 使用 jQuery 读取 JSON Google 新闻源

Question

我正在使用this jQuery plugin ( fiddle ) 阅读 Google 新闻 rss feed。它需要将 feed 转换为 json 格式。然后我遇到了this thread无需 Yahoo Pipe 的帮助即可以 JSON 格式显示 Google feed:

http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&q=http%3A%2F%2Fnews.google.com%2Fnews%3Foutput%3Drss%26num%3D8

我尝试了该插件的方法来解析 JSON Google feed，但失败了。谁能告诉我阅读该提要的正确方法？

我的尝试:

<script>
$('#rssdata').ready(function()
{
    var pipe_url = 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=8&q=http%3A%2F%2Fnews.google.com%2Fnews%3Foutput%3Drss';
    $.getJSON(pipe_url,function(data)
    {
        $(data.feed.entries).each(function(index,entry)
        {

            var item_html = '<li><a target="_blank" href="'+entry.link+'">'+entry.title+'</a></li>';
            $('#rssdata ul.rss-items').append(item_html);
        });
        $('#rssdata div.loading').fadeOut();
        $('#rssdata ul.rss-items').slideDown();
    });
});
</script>

Google 新闻源:

{"responseData": {"feed":{"feedUrl":"http://news.google.com/news?output\u003drss\u0026num\u003d8","title":"Top Stories - Google News","link":"http://news.google.com/news?pz\u003d1\u0026amp;ned\u003dus\u0026amp;hl\u003den\u0026amp;num\u003d8","author":"","description":"Google News","type":"rss20","entries":[{"title":"Malaysia Airlines loses contact with plane en route to Beijing with 239 aboard - CBS News","link":"http://....

Answer 1

由于 Same-origin policy，您的代码无法运行。

一种可能的解决方案是使用 Google News Feed API 支持的 JSONP。

所以你可以这样做:

$('#rssdata').ready(function () {
    $.ajax({
        url: 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=8&q=http%3A%2F%2Fnews.google.com%2Fnews%3Foutput%3Drss',
        dataType: 'jsonp',
        success: function (data) {
            //console.log(data.feed.entries);
            $(data.responseData.feed.entries).each(function (index, entry) {
                var item_html = '<li><a target="_blank" href="' + entry.link + '">' + entry.title + '</a></li>';
                $('#rssdata ul.rss-items').append(item_html);
            });
            $('#rssdata div.loading').fadeOut();
            $('#rssdata ul.rss-items').slideDown();
        },
        error: function () {}

    });
});

<强> Updated Fiddle