您好,欢迎来到12图资源库!分享精神,快乐你我!我们只是素材的搬运工!!
  • 首 页
  • 当前位置:首页 > 网站教程 > AJAX教程 >
    PHP和AJAX打造高级RSS聚合器(2)
    时间:2018-08-14 18:01 来源: 作者: 浏览:收藏 挑错 推荐 打印

    在该Read方法中,我们要做的第一件事情是分析RSS回馈中的标题,链接和项。一旦我们拥有这些值,我们就可以创建一 个新的Feed对象(我们将在后面集中讨论)。这个对象使用了feedCollection的长度(作为一个ID),以及标题,链接和来自回馈的项。然 后,该Feed对象被添加到feedCollection和一个称为displayFeedTitles的方法中以便在该Feed对象中显示相应于每一项 的标题。    Aggregator.displayFeedTitles = function(feed)
        {
        document.getElementById('titles')。innerHTML += feed.GetTitle();
        Aggregator.DisplayTitles(feed.id);
        }
        这个方法以Feed对象作为一个参数,显示它的标题,然后调用另一个称为DisplayTitles的方法:
        Aggregator.DisplayTitles = function(id)
        {
        var titleArray = Aggregator.feedCollection[id].GetAllTitles();
        var titles = document.createElement("div");
        titles.id = "subTitle_"+ id;
        document.getElementById('title_'+id)。appendChild(titles);
        for(var i=0; i<titleArray.length; i++)
        {
        titles.innerHTML += titleArray[i] +"<br />";
        }
        }
        这个方法接收一个回馈ID并使用它从feedCollection数组中检索回馈并且得到它的所有标题。一旦接收到这些标题,我们将为该回馈中的项标题创 建一个新的DIV元素并且把它添加在相应于特定的回馈的标题之后。这将允许我们通过点击回馈标题来切换显示内容中项的标题。一旦添加该新的DIV元素,我 们只需简单地遍历所有的标题并且把它们到添加该新的DIV即可。
        上面两个方法中的第一个用于实现切换回馈中项的标题,第二个方法负责显示一个在index.html文件中使用我们的描述DIV元素中的回馈的内容。这些回馈的内容通过Feed对象的GetDetails方法进行收集(在下一节当我们创建Feed对象时再讨论)。
        Aggregator.ToggleTitles = function(id)
        {
        var titles = document.getElementById('subTitle_'+id);
        titles.style.display = (titles.style.display == '') ? 'none' : '';
        }
        Aggregator.DisplayFeed = function(feedId, id)
        {
        var details = Aggregator.feedCollection[feedId].GetDetails(id);
        document.getElementById('description')。innerHTML = details;
        }
        六、 Feed对象
        这个Feed对象是一个prototype。通过它的构造器函数,Feed对象接收当我们在Aggregator对象中创建它时传递的所有参数。这些参数 分别相应于回馈的ID,标题,链接和项。在这个函数中,我们设置所有的缺省值,创建一些数组以备后用,并且把项发送到一个称为parseItems的方 法。在这个parseItems方法中,我们将检索我们的回馈项中的所有的值并且填充我们在构造器中创建的那个数组。
        Feed.prototype.parseItems = function(items)
        {
        for(var i=0; i<items.length; i++)
        {
        var linkTitle = items[i].getElementsByTagName("title")[0].firstChild.nodeValue;
        var title = "<a href='#' class='title' onclick='Aggregator.DisplayFeed("+ this.id +", "+ i +");'>" + linkTitle +"</a>";
        this.titleArray.push(title);
        this.linkTitleArray.push(linkTitle);
        var _link = items[i].getElementsByTagName("link")[0].firstChild.nodeValue;
        this.linkArray.push(_link);
        var description = items[i].getElementsByTagName("description")[0].firstChild.nodeValue;
        this.descriptionArray.push(description);
        var pubDate = items[i].getElementsByTagName("pubDate")[0].firstChild.nodeValue;
        this.pubDateArray.push(pubDate);
        }
        }
        一旦我们把所有的值存储在数组中,当我们准备好显示页面中的数据时我们就能够使用它们。这个对象中的第三个方法集中于显示回馈中的数据:
        · GetTitle负责得到回馈标题(作为一个切换项标题的链接,通过调用Aggregator的toggleTitles方法来实现)。
        · GetAllTitles简单地从回馈中返回所有的项标题。
        · GetDetails负责实现显示该回馈所有的细节。这个方法基于作为一个参数传递的ID检索Feed对象的数组中的值。然后,这些值被格式化成一个HTML字符串并返回到调用者,然后由该调用者负责把它们添加到索引页面。
        Feed.prototype.GetTitle = function()
        {
        return "<div id='title_"+ this.id +"'><br/><a href='#' onclick='Aggregator.ToggleTitles("+ this.id +");'>" + this.title + "</a></div>";
        }
        Feed.prototype.GetAllTitles = function()
        {
        return this.titleArray;
        }
        Feed.prototype.GetDetails = function(id)
        {
        details = "<a href='"+ this.linkArray[id] +"' target='_blank'>"+ this.linkTitleArray[id] +"</a><br/>";
        details += this.descriptionArray[id] +"<br/>";
        details += this.pubDateArray[id];
        return details;
        }
        七、 小结
        到现在为止,有关上面创建的Aggregator对象的下一步应该是添加一个timeout以便检查针对当前被添加到聚合器的RSS回馈的更新。另外,该 回馈还能够被保存到一个数据库中并且被基于用户帐户加以检索。但是,因篇幅所限,这些功能只好留由读者您来实现了。

    (责任编辑:12图资源库)