加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

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

发布时间:2020-12-13 16:46:59 所属栏目:PHP教程 来源:网络整理
导读:我需要在jQuery和 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选择器获取所有这些元素并将集合存储在变量中.然后,您可以为这些元素编写更多/更少脚本的视图.

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读