php 抓取网页ajax数据(PHP+Ajax实现的无刷新功能,结合实例形式分析)

优采云 发布时间: 2021-10-28 18:03

  php 抓取网页ajax数据(PHP+Ajax实现的无刷新功能,结合实例形式分析)

  本文文章主要介绍了PHP+Ajax实现的非刷新分页功能,分析了php+ajax通过pdo操作类读取数据库和分页显示通过pdo操作类的相关实现技巧,以及为读者提供演示源代码。下载参考,有需要的朋友可以参考

  本文介绍了PHP+Ajax实现的非刷新分页功能。分享给大家,供大家参考,如下:

  注:本文用到的部分库可以在前面的文章中找到源码,我会在文中注明链接,为了缩短文章的篇幅,以及由此带来的阅读不便对此,请谅解。

  本文讲解Ajax如何实现非刷新分页、实现原理、代码展示、代码下载。

  这里需要说明一些知识:

  1、Ajax不刷新页面的好处:提供良好的客户体验,通过Ajax从数据库中获取数据并在后台展示,消除等待页面加载的空白状态;

  2、那么,Ajax 非刷新页面是否运行在动态页面(.php)上?还是静态页面(.html/.htm/.shtml)?答案是:静态页面;

  3、 实现原理:通过前端JS脚本程序和Ajax结合获取动态页面返回的数据,并显示出来。

  好的,让我们解释一下下面的代码:

  由于它在静态页面上运行,我们首先创建一个静态 HTML 页面。index.html 的代码清单如下。

  索引.html

   Ajax 实现无刷新页面 body { font-size:12px; } 数据加载中...

  在代码清单中,我们加载了一个Ajax类库,可以在文章中找到(附上使用方法)

  在这个静态页面中,只显示了一个“Data Loading...”,并没有数据。这时候我们就需要一个JS脚本,通过ajax从数据库中获取数据。JS脚本如下:

  仔细阅读上面的代码,你会发现以下现象:

  1、setPage(pageNum) 是一个JS函数接口,用于从数据库中提取数据;

  2、ajax通过article.php文件获取数据;

  3、article.php?page=xx,其中xx是要获取的页码数据,

  setPage(1): 是获取第一页数据;

  setPage(2): 是获取第2页的数据;

  setPage(100): 是获取第100页数据;

  ...

  那么,如何从article.php文件中获取数据呢?请参阅下面的代码清单。

  文章.php

  article.php中连接的数据是之前从华强电子网文章抓取的信息数据。由于数据比较大,将article.sql文件附在代码包下载下来供大家测试。

  静态页面index.html显示的数据是article.php文件中echo的代码。

  代码文件中的config.inc.php文件主要定义了一些常量,如:数据库用户名、数据库密码、主机...、数据库连接类库(Db.class.php)和数据库操作类库(Model.php)。 class.php),请参考文章,有使用说明。

  程序效果图:

  对图标的赌注是关注关注的地方。

  

  这样,Ajax 非刷新分页就完成了。程序中还有一个ajaxPage.class.php,没有说明。其实这个ajaxPage库的用法和一般的分页库是一样的。

  即:

   $page = new ajaxPage(记录总数, 每页显示数);

  详情请下载代码并阅读。

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线