解析RSS feed信息并显示在HTML页面上

时间:2019-04-23 14:20:26

标签: javascript jquery html rss yahoo-finance

我需要解析Yahoo Finance RSS新闻摘要并在网页上显示一些信息,但是我不知道我是否正确解析了以及如何显示该信息。我已经尝试了很多事情,但似乎无法弄清楚。希望这对某人来说很容易,并且愿意帮助我。

这是我最终遵循的教程: How to parse an RSS feed using JavaScript?,但它们排除了使整个系统正常工作的重要代码部分。我想从一个.html页面运行所有内容。

我当前的代码仅显示一个空白屏幕,在chrome浏览器控制台中,我收到以下消息:

  

“访问XMLHttpRequest在   'https://feeds.finance.yahoo.com/rss/2.0/headline?s=yhoo&region=US&lang=en-US'   来自原点“ null”的数据已被CORS政策阻止:否   请求中存在“ Access-Control-Allow-Origin”标头   资源。”

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>

<script type="text/javascript">

    FEED_URL = "https://feeds.finance.yahoo.com/rss/2.0/headline?s=yhoo&region=US&lang=en-US"

    $.get(FEED_URL, function (data) {
        $(data).find("entry").each(function () { 
            var el = $(this);
            console.log(el.find("title").text());

        });
    });

</script>

</body>
</html>

1 个答案:

答案 0 :(得分:0)

通常,CORS问题只能在服务器端(在本例中为Yahoo)解决。

我真的建议您开始使用API​​而不是RSS。看看:https://rapidapi.com/apidojo/api/yahoo-finance1

致谢。