首页 / AJAX / PHP+Ajax实现无刷新分页实例详解(附demo源码下载)，ajaxdemo_PHP教程

PHP+Ajax实现无刷新分页实例详解(附demo源码下载)，ajaxdemo_PHP教程

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了PHP+Ajax实现无刷新分页实例详解(附demo源码下载)，ajaxdemo_PHP教程，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3670字，纯文字阅读大概需要6分钟。

内容图文

PHP+Ajax实现无刷新分页实例详解(附demo源码下载)，ajaxdemo

本文实例讲述了PHP+Ajax实现无刷新分页的方法。分享给大家供大家参考，具体如下：

注：这里使用到的一些类库在前面文章都能找到源代码，因此为了缩短文章篇幅，都指明链接所在。

本文讲解内容为： Ajax 实现无刷新分页、实现原理、代码展示、代码下载。

这里需要说明一些知识：

1、Ajax 无刷新页面的好处：提供良好的客户体验，通过 Ajax 在后台从数据库中取得数据并展示，取缔了等待加载页面而出现的空白状态；

2、那么，Ajax 无刷新页面是运行在动态页面（.php）？还是静态页面（.html/.htm/.shtml）？答案是：静态页面；

3、实现原理：通过前端 JS 脚本程序与 Ajax 相结合取得从动态页面返回的数据，并显示。

好了，下面进行代码讲解：

既然，是运行在静态页面上，我们首先先创建一个静态 HTML 页面，index.html 的代码清单如下。

index.html





 
Ajax 实现无刷新页面



  数据加载中...

代码清单中，我们加载了一个 Ajax 类库，这个类库可以在 前面一篇《一个简单Ajax类库及使用方法实例分析》中找到

在这个静态页面中，只会显示一个“数据加载中....”，并没有任何数据。这时，我们就需要一个 JS 脚本来实现通过 Ajax 从数据库中获取数据。JS 脚本如下：

仔细阅读上面的代码，您会发现下面现象：

1、setPage(pageNum) 是一个从数据库中提取数据的 JS 函数接口；
2、Ajax 是通过 article.php 文件来获取数据；
3、article.php?page=xx，这里的 xx 就是所要取得的页码数据，
setPage(1)：就是取得第1页数据；
setPage(2)：就是取得第2页数据；
setPage(100)：就是取得第100页数据；
……

那么，如何从 article.php 文件中取得数据呢？请看下面代码清单。

article.php

<?php
/**
* $Id: article.php
* author Lee.
* Last modify $Date: 2012-01-21 16:53:05 $
*/
require_once './config.inc.php';
$m = new Model();
$page = new ajaxPage($m->total('article'),20); // $m->total('article') 获取 article 表的记录数；10为每页显示十条
$result = $m->fetchAll('article', '*', '', '', $page->limit); // 取出数据，^_^，很方便吧
echo '';
echo '';
echo '';
foreach ($result as $v) {
  echo "";
}
echo '';
echo '
华强电子网资讯
IDTitleAuthorSourceDate
{$v['id']}{$v['title']}{$v['author']}{$v['source']}{$v['date']}
'.$page->fpage().'
';
?>

article.php 中连接的数据是前面文章从华强电子网抓来的资讯数据，因为数据比较大，代码打包下载中会附加 article.sql 文件，以便大家测试。

静态页面 index.html 上显示的数据就是 article.php 文件中 echo 的代码。
代码文件中的 config.inc.php 文件主要就是定义一些常量，比如：数据库用户名、数据库密码、主机……，数据库连接类库（Db.class.php）和数据库操作类库（Model.class.php），请参考文章 《PHP的PDO常用类库实例分析》，附有使用方法。

程序效果图：

下图标注的是注意关注的地方

PHP+Ajax实现无刷新分页实例详解(附demo源码下载)，ajaxdemo_PHP教程 - 文章图片

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

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

具体细节请大家下载代码阅读即可。

完整实例代码点击此处本站下载。

更多关于PHP相关内容感兴趣的读者可查看本站专题：《PHP+ajax技巧与应用小结》、《PHP运算与运算符用法总结》、《PHP网络编程技巧总结》、《PHP基本语法入门教程》、《php操作office文档技巧总结(包括word,excel,access,ppt)》、《php日期与时间用法总结》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

希望本文所述对大家PHP程序设计有所帮助。

您可能感兴趣的文章:

  • php+ajax无刷新分页实例详解
  • php+ajax实现无刷新分页
  • 详解PHP+AJAX无刷新分页实现方法
  • php+ajax实现无刷新分页的方法
  • ajax实现无刷新分页(php)
  • php ajax无刷新分页,支持id定位
  • jQuery+PHP发布的内容进行无刷新分页（Fckeditor）
  • php jquery 实现新闻标签分类与无刷新分页
  • PHP+ajax分页实例简析
  • PHP+jQuery+Ajax实现分页效果 jPaginate插件的应用
  • php页码形式分页函数支持静态化地址及ajax分页

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/1119989.htmlTechArticlePHP+Ajax实现无刷新分页实例详解(附demo源码下载)，ajaxdemo 本文实例讲述了PHP+Ajax实现无刷新分页的方法。分享给大家供大家参考，具体如下：...

内容总结

以上是互联网集市为您收集整理的PHP+Ajax实现无刷新分页实例详解(附demo源码下载)，ajaxdemo_PHP教程全部内容，希望文章能够帮你解决PHP+Ajax实现无刷新分页实例详解(附demo源码下载)，ajaxdemo_PHP教程所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/190511.html

来源：【匿名】