php抓取网页动态数据( 如何实现php+ajax实现无刷新滚屏加载数据,)

　　php抓取网页动态数据(

如何实现php+ajax实现无刷新滚屏加载数据,)

　　PHP+ajax实现动态加载数据不刷新的技术

　　更新时间：2015-04-28 10:56:07 投稿：hebedich

　　我们用到了很多非刷新函数，我给大家介绍一个例子，就是实现php+ajax实现非刷新滚动加载数据。这个例子非常简单。您只需要按照流程操作即可。

　　当我们浏览某些网页时，当浏览器的滚动条到达页面底部时，页面会继续自动加载更多内容供用户浏览。暂时我把这种技术称为滚动加载技术。我们发现很多网站都在使用这项技术，而必应图片搜索、新浪微博、Qzone等都充分利用了这项技术。

　　滚动加载技术使用Javascript来监控滚动条的位置。每次滚动条到达浏览器窗口底部时，都会触发一个Ajax请求后台PHP程序返回相应的数据，并将返回的数据追加到页面底部。为了实现动态加载，其实就是一个典型的Ajax应用。本文将使用jQuery，结合PHP、mysql和JSON，讲解如何将滚动加载技术应用到你的项目中。当然，阅读本文的前提是你需要有jQuery和PHP的基础。

　　index.php

　　我们希望默认显示15条数据，所以我们先从数据库中取出前15条数据显示在页面上。对于稍后新加载的数据，我们也一次显示 15 项。

　　为了让说明尽可能简单，我使用原生的PHP和mysql查询语句。首先，您需要连接到收录连接信息的数据库 connnect.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'])

);

}

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

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

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