JQuery 获取多个 RSS 提要

Question

如何获取多个 RSS 源并在每个源的 Div 中显示它们？

类似这样的东西几乎可以做到这一点，但我不知道如何跟踪多个 RSS 源:

$(function(){
 url = 'http://www.thetutlage.com/rss.xml';
    $.ajax({
    type: "GET",
    url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=1000&callback=?&q=' + encodeURIComponent(url),
    dataType: 'json',
    error: function(){
        alert('Unable to load feed, Incorrect path or invalid feed');
    },
 success: function(xml){
     values = xml.responseData.feed.entries;
     console.log(values);
 }
});
});

我想要这样的结构:

<div id="bbc">BBC rss feeds here</div>
<div id="dailyMail">daily Mail rss feeds here</div>
etc...etc...

提前致谢

Answer 1

只需循环源 URL 数组

$(function () {
    var urls = ['http://www.thetutlage.com/rss.xml', 'example.net', 'another.example.net'];
    for (var i = 0; i < urls.length; i++) {
        $.ajax({
            type: "GET",
            url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=1000&callback=?&q=' + encodeURIComponent(urls[i]),
            dataType: 'json',
            error: function () {
                alert('Unable to load feed, Incorrect path or invalid feed');
            },
            success: function (xml) {
                values = xml.responseData.feed.entries;
                console.log(values);
            }
        });
    }
});