javascript - 读取媒体\\:thumbnail RSS feed with Jquery

Question

我正在编写一个 chrome 扩展，并试图获取 RSS 提要“media:thumbnail”，但函数 el.find('media\:thumbnail').attr('url') 输出 'undefined' 。

这是我的代码:

$.get("http://www.reddit.com/.rss", function (data) {
    $(data).find("item").each(function () { // or "item" or whatever suits your feed
        var el = $(this);
        $("tbody").append("<tr><th>" + el.find('media\\:thumbnail').attr('url') + "</th><td>" + el.find("title").text() + "</td></tr>"); 
    });
});

Answer 1

JS中有一个东西叫做“同源策略”。这意味着您无法查询来自不同域、使用相同协议(protocol)并使用相同子域的内容。

您需要研究“cors”才能调用另一个域，但在这种情况下，这对您没有帮助。 Cors 需要您在 http 响应 header 中包含内容。

另一种解决方法是将您的 Web 服务器配置为反向代理，并将来自 reddit 的请求屏蔽为本地调用。