【问题标题】:add rss newsreel添加RSS新闻片
【发布时间】:2012-10-23 16:30:18
【问题描述】:

所以我找到了一个我非常喜欢的基于 rss 的新闻片幻灯片。有没有办法将相同的新闻片放在我的网站上,以便他们的服务器自动更新?我在 head 部分找到了 <link> 元素,该元素将新闻短片追溯到原始 rss。和这有关系吗?

【问题讨论】:

    标签: javascript jquery html xml rss


    【解决方案1】:

    好的,我明白了。就个人而言,我是这样理解的。获取 RSS 提要,将其粘贴到 YQL 控制台中,获取 JSONP URL,然后使用 jQuery 解析它,如下所示:

    $.ajax({
        //YQL JSON URL
        url: "http://query.yahooapis.com/v1/public/yql?q=select%20title%2Cdescription%2Clink%20from%20rss%20where%20url%3D%22http%3A%2F%2Fwww.usgs.gov%2Frss%2Fnews_description.xml%22&format=json",
        dataType: 'jsonp',
        jsonp: 'callback',
        jsonpCallback: 'cbfunc',
        success: function(data) {
            //narrow down WHAT you want
            var results = data.query.results.item;
            //loop through results and then append each item to #listnews selector.                 
            $.each(results, function(index, data) {
                $("#listnews").append("<li><a href='" + results[index].link + "'>" + results[index].title + "</a></li>");
            });
        }
    });​
    

    这是一个 jsfiddle 工作示例:http://jsfiddle.net/Qpkpn/

    我发现这也适用于所有当前的浏览器...加上 IE8(我在 IE8 中遇到问题,直到 jQuery JSON 解析挽救了这一天)

    将此添加到您的身体区域:

    <ul id="loadnews"></ul>
    

    然后您需要为其添加某种滚动功能。

    我看到了一个名为 jTicker 的代码,它也可能对您有用。

    【讨论】:

    • 感谢您的帮助。我无法让它工作,因为我使用的 rss 托管在 feedburner 上,我不确定这是否是 feedburner 站点或代码的问题。很可能是 feedburner 网站,因为这个参考的答案得到了好评
    • @user1634292 你能把RSS提要发给我们看吗?
    • 我给网站管理员发了电子邮件,得到了实际 rss 提要的 url,但它仍然无法正常工作。当我将 .xml 文件保存到它可以工作的目录时,但是当我在线链接到它时,它就不起作用了。有任何想法吗?这是我想使用的提要usgs.gov/rss/news_description.xml
    • 查看我上面修改后的答案。您可能遇到了跨域问题。使用 yql 和 jsonp 可以帮助解决这个问题。
    • 感谢您花这么多时间在这上面!小提琴很有帮助!我以前从未听说过 yql,我必须了解更多。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多