php – 仅在需要加载更多数据时显示按钮

我需要在jQuery和 PHP中创建一个脚本,只有当有更多数据要加载到页面上时才会显示加载更多新闻按钮.最简单的解决方案是测试表是否已更新,但我不确定是否可以完成.另一种方法是测试表中是否有当前不在页面上的内容,再次不确定如何执行此操作.

这就是我到目前为止所拥有的;

//check for more data every 5 seconds
window.setInterval(function() {
    $.get("PHPscripts/getFeed.PHP",function(result) {
        //fade in #refreshFeed
        $("#refreshFeed").fadeIn(300);
    }); 
},5000);

//Get Feed on click
$("#refreshFeed").live('click',function() {
    $.get("PHPscripts/getFeed.PHP",function(result) {
        $("#newsFeed").html(result);
    }); 
});

这只是使按钮在5秒后显示,并且不测试是否有更多数据需要加载.第二个函数中的PHP脚本只是从表中加载数据.

我希望有一种方法可以在函数中使用相同的脚本,并在jQuery中完成所有操作.

举个例子,如果有人曾经使用过Twitter或iPhone的新facebook应用程序,那么这个概念就完全相同了.当数据库中有新信息时,会显示一个按钮,该按钮会在单击时将该数据加载到Feed的顶部.我相信facebook和twitter会使用SSE,但我不需要这样做.我需要做的就是每5秒检查一次新数据.

解决方法

我刚刚在网站上完成了两个查看更多链接功能,我可以从性能测试中告诉您,我们最好的办法是加载所有数据并在页面加载到DOM时将其添加到带有display：none的元素中.使用jQuery选择器获取所有这些元素并将集合存储在变量中.然后,您可以为这些元素编写更多/更少脚本的视图.

如果您需要任何有关脚本的帮助,请告诉我,我很乐意为您提供帮助.祝好运！