php抓取网页动态数据(如何应用滚屏加载技术的位置？-八维教育)

　　php抓取网页动态数据(如何应用滚屏加载技术的位置？-八维教育)

　　当我们浏览一些网页时，当浏览器的滚动条被拉到页面底部时，页面会继续自动加载更多的内容供用户浏览。我现在将这种技术称为滚动加载技术。我们发现很多网站都使用了这项技术，必应图片搜索、新浪微博、QQ空间等都将这项技术应用的淋漓尽致。

　　滚动加载技术是使用Javascript来监控滚动条的位置。每次滚动条到达浏览器窗口底部时，都会向后台PHP程序触发Ajax请求，返回相应的数据，并将返回的数据追加到页面底部，从而实现动态加载，实际上是一个典型的 Ajax 应用程序。本文将使用 jQuery，结合 PHP、Mysql 和 JSON，来解释如何将滚动加载技术应用到您的项目中。当然，阅读这篇文章的前提是你需要具备jQuery和PHP的基础知识。

　　索引.PHP

　　我们要默认显示15条数据，所以我们先从数据库中取出前15条数据，并显示在页面上。我们还一次显示 15 个新加载的数据。

　　为了使事情尽可能简单，我使用原生 PHP 和 mySQL 查询。首先，您需要连接到数据库，connect.PHP 中收录连接信息。在这里，我定义了几个用户 ID。

　　然后查询数据表，得到结果集，循环输出，代码如下：

　　注：本例使用的数据来自本站文章:，文中有创建数据表的介绍。

　　jQuery

　　1、首先，我们需要获取页面在浏览器可视区域的高度：

　　代码显示如下：

　　var winH = $(window).height();

　　2、那么，页面滚动时需要做的是：计算页面总高度（滚动到底部时，页面新加载数据，所以页面总高度动态变化），计算滚动条位置（滚动条位置也随着加载页面的高度动态变化），然后构造一个计算相对比例的公式。

$(window).scroll(function () {

var pageH = $(document.body).height(); //页面总高度

var scrollT = $(window).scrollTop(); //滚动条top

var aa = (pageH-winH-scrollT)/winH;

});

　　3、当滚动条接近页面底部时，触发ajax加载。在本例中，我们使用 jQuery 的 getJSON 方法向服务器端 result.PHP 发送请求。请求的参数是page，即页数。

if(aa$row['content'],'author'=>$user[$row['userid']],'date'=>date('m-d H:i',$row['addtime'])<br />

);<br />

}<br />

echo json_encode($arr); //转换为json数据输出

</p>

　　好了，本文的介绍到此结束，我们去看看效果吧。

　　以上就是本文的全部内容，希望大家喜欢。