php+ajax实现无刷新数据分页例子
php语言1.88W
无刷新功能我们用到很多很多的,下面我就来给各位介绍一个实例,就是实现php+ajax实现无刷新数据分页了,例子非常的简单大家只要按流程来操作就可以了哦. 文件代码如下: <?php header("Content-type: text/html;charset=GBK");//输出编码,避免中文乱码 ?> <html> <head> <title>ajax分页演示</title> <script language="javascript" src=""></script> <link rel="stylesheet" type="text/css" href=""> </head> <body> <div id="result"> <?php $page=isset($_GET['page'])?intval($_GET['page']):1; //这句就是获取page=18中的page的值,假如不存在page,那么页数就是1。 $num=3; //每页显示10条数据 $db=mysql_connect("localhost","root","123456"); //创建数据库连接 mysql_select_db("demo",$db) or die("数据库链接错误"); //选择要操作的数据库 mysql_query("set names gbk"); /* 首先咱们要获取数据库中到底有多少数据,才能判断具体要分多少页,具体的公式就是 总数据库除以每页显示的条数,有余进一。 也就是说10/3=3.3333=4 有余数就要进一。 */ $result=mysql_query("select * from brand"); $total=mysql_num_rows($result); //查询所有的数据 $url='';//设置ajax提交页面地址的URL,这里设置成通过ajax把参数传递给再把处理过的.内容赋值到本页的div id=result。 //页码计算 $pagenum=ceil($total/$num);//获得总页数,也是最后一页 $page=min($pagenum,$page);//获得首页 $prepg=$page-1;//上一页 $nextpg=($page==$pagenum ? 0 : $page+1);//下一页 $offset=($page-1)*$num; //获取limit的第一个参数的值,假如第一页则为(1-1)*10=0,第二页为(2-1)*10=10。 $pagenav="<ul>"; //开始分页导航条代码: $pagenav.="<li>显示第 <B>".($total?($offset+1):0)."</B>-<B>"($offset+10,$total)."</B> 条记录</li><li>共 $total 条记录 </li>"; //如果只有一页则跳出函数: if($pagenum<=1) return false; $pagenav.="<li> <a href=javascript:dopage('result','$url?page=1');>首页</a></li> "; if($prepg) $pagenav.="<li> <a href=javascript:dopage('result','$url?page=$prepg');>前页</a></li> "; else $pagenav.=" <li>前页</li> "; if($nextpg) $pagenav.="<li><a href=javascript:dopage('result','$url?page=$nextpg');>后页</a> </li>"; else $pagenav.=" <li>后页</li> "; $pagenav.="<li> <a href=javascript:dopage('result','$url?page=$pagenum');>尾页</a></li> "; $pagenav.="<li>第 $page 页</li><li>共 $pagenum 页</li></ul>"; //假如传入的页数参数大于总页数,则显示错误信息 If($page>$pagenum){ Echo "Error : Can Not Found The page ".$page; Exit; //开源软件: } ?></div><div id="results"> <?php echo $pagenav;//输出分页导航 ?> </div> </body> </html> css代码: /* CSS Document */ /* CSS Document */ #result ul li{ height:20px; width:auto; display:block; color:#999; border:1px solid #999; float:left; list-style:none; font-size:12px; margin-left:5px; line-height:20px; vertical-align:middle; text-align:center; } #result ul li a:link{ width:50px; height:20px; display:block; line-height:20px; background:#09C; border:1px solid #fff; color:#fff; text-decoration:none; } #result ul li a:hover{ width:50px; height:20px; display:block; line-height:20px; background:#09C; border:1px solid #fff; color:#F60; text-decoration:none; } 文件如下: // JavaScript Document var http_request=false; function send_request(url){//初始化,指定处理函数,发送请求的函数 http_request=false; //开始初始化XMLHttpRequest对象 if(ttpRequest){//Mozilla浏览器 http_request=new XMLHttpRequest(); if(http_rideMimeType){//设置MIME类别 http_rideMimeType("text/xml"); } } else if(veXObject){//IE浏览器 try{ http_request=new ActiveXObject("ttp"); }catch(e){ try{ http_request=new ActiveXobject("ttp"); }catch(e){} } } if(!http_request){//异常,创建对象实例失败 t("创建XMLHttp对象失败!"); return false; } http_adystatechange=processrequest; //确定发送请求方式,URL,及是否同步执行下段代码 http_("GET",url,true); http_(null); } //处理返回信息的函数 function processrequest(){ if(http_yState==4){//判断对象状态 if(http_us==200){//信息已成功返回,开始处理信息 lementById("results")lay="none"; lementById(reobj)rHTML=http_onseText; } else{//页面不正常 alert("您所请求的页面不正常!"); } } } function dopage(obj,url){ lementById(obj)rHTML="<font color='green' font-size='12'>正在读取数据...</font>"; send_request(url); reobj=obj; } 数据库文件如下: -- phpMyAdmin SQL Dump -- version 2.8.1 -- -- -- 主机: localhost -- 生成日期: 2010 年 01 月 22 日 14:41 -- 服务器版本: 5.0.22 -- PHP 版本: 5.2.12 -- -- 数据库: `demo` -- -- -------------------------------------------------------- -- -- 表的结构 `brand` -- CREATE TABLE `brand` ( `id` int(7) NOT NULL auto_increment, `sp_brand` varchar(255) default NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=19 ; -- -- 导出表中的数据 `brand` -- INSERT INTO `brand` (`id`, `sp_brand`) VALUES (1, 'hello world'), (2, '你好'), (3, '恩'), (4, 'fdsafdsafdsa'), (5, 'fdsafdafdsafdas'), (6, 'fdsafdsa'), (7, 'fdsafdsafdas'), (8, '恩'), (9, '恩'), (10, '恩'), (11, '恩11'), (12, '恩'), (13, '恩'), (14, '恩'), (15, '恩'), (16, '恩'), (17, '恩'), (18, '恩18'); 下面介绍这些文件的功能 :ajax无刷新核心文件,一般不要去作修改. :实现ajax无刷新的文件了,这里调用了文件,配置了mysql用户密码,要和自己本地的一致,以及显示分页的效果. :这是分页的CSS样式文件,用来美化的,就不多介绍了. :这是MYSQL数据库的文件了,进行导入到MYSQL数据库中,同样,如果不会导入,可以参考中如何导入文章即可.
-
作为程序员必知的16个最佳PHP库
PHP是一种功能强大的web站点脚本语言,通过PHP,web网站开发者可以更容易地创建动态的引人入胜的web页面。开发人员可以使用PHP代码与一些网站模板和框架来提升功能和特性。然而,编写PHP代码是一个繁琐又耗时的过程。为了缩短开发时间,开发人员可以用PHP库替代编写代...
-
PHP代码如何规范
对于PHP入门学习的童鞋来说,基础是很重的,一定要打好基础。那么大家知道PHP代码如何规范呢?下面一起来看看!了解PHP开发规范可以少走很多弯路,网上各种PHP开发规范也很多,我结合自身使用PHP的情况,来说说我所理解的PHP开发规范,涉及多个方面,比如PHP代码规范、PHP文件...
-
MySQL 入门基础知识
MySQL最流行的关系型数据库管理系统,在WEB应用方面MySQL是最好的RDBMS(RelationalDatabaseManagementSystem,关系数据库管理系统)应用软件之一。以下是小编为大家搜索整理的MySQL入门基础知识,希望能给大家带来帮助!更多精彩内容请及时关注我们应届毕业生考试网!...
-
PHP程序员基本要求和必备技能
PHP程序员有什么必备知识呢?以下是本站小编精心为大家整理的PHP程序员基本要求和必备技能,希望对大家成为程序员有所帮助!更多内容请关注应届毕业生网!一名PHP程序员的基本要求:1、精通html、CSS、JS等网站前端技术。2、掌握PHP编程技术。3、了解Linux及Apache、...