php+ajax无刷新分页实例详解

时间:2021-05-26

本文实例讲述了php+ajax无刷新分页实现方法。分享给大家供大家参考,具体如下:

ajax_page_show_userinfo.php页面如下:

<meta 'Content:text/html;charset=utf-8'></meta><title>ajax分页演示</title><script language="javascript" src="js/ajaxpage.js"></script><div id="result"><?php$db=mysql_connect("localhost","root","123456");mysql_select_db("register");mysql_query("set names 'utf-8'");$result=mysql_query("select * from user");$total=mysql_num_rows($result) or die(mysql_error());$page=isset($_GET['page'])?intval($_GET['page']):1;$page_size=5;$url='ajax_page_show_userinfo.php';$pagenum=ceil($total/$page_size);$page=min($pagenum,$page);$prepage=$page-1;$nextpage=($page==$pagenum?0:$page+1);$pageset=($page-1)*$page_size;$pagenav.="显示第".($total?($pageset+1):0)."-".min($pageset+5,$total)."记录&nbsp;共<b>".$total."</b>条记录&nbsp;现在是第&nbsp;<b>".$page."</b>&nbsp;页&nbsp;";if($page<=1)$pagenav.="<a style=cursor:not-allowed;>首页</a>&nbsp;";else$pagenav.="<a onclick=javascript:dopage('result','$url?page=1') style=cursor:pointer;>首页</a>&nbsp;";if($prepage)$pagenav.="<a onclick=javascript:dopage('result','$url?page=$prepage') style=cursor:pointer;>上一页</a>&nbsp;";else$pagenav.="<a style=cursor:not-allowed;>上一页</a>&nbsp;";if($nextpage)$pagenav.="<a onclick=javascript:dopage('result','$url?page=$nextpage') style=cursor:pointer;>下一页</a>&nbsp;";else$pagenav.="<a style=cursor:not-allowed;>下一页</a>&nbsp;";if($pagenum)$pagenav.="<a onclick=javascript:dopage('result','$url?page=$pagenum') style=cursor:pointer;>尾页</a>&nbsp;";else$pagenav.="<a style=cursor:not-allowed;>尾页</a>&nbsp;";$pagenav.="共".$pagenum."页";if($page>$pagenum){ echo "error:没有此页".$page; exit();}?><table align="center" border="2" width="300"> <tr bgcolor="#cccccc" align="center"> <td>用户名</td> <td>用户密码</td> </tr><?php$info=mysql_query("select * from user limit $pageset,$page_size");while($array=mysql_fetch_array($info)){?> <tr align="center"> <td><?php echo $array['username'];?></td> <td><?php echo $array['password'];?></td> </tr><?php }?></table><?phpecho "<p align=center>$pagenav</p>";?></div>

js文件下的ajaxpage.js:

var http_request=false;function send_request(url){//初始化,指定处理函数,发送请求的函数 http_request=false; //开始初始化XMLHttpRequest对象 if(window.XMLHttpRequest){//Mozilla浏览器 http_request=new XMLHttpRequest(); if(http_request.overrideMimeType){//设置MIME类别 http_request.overrideMimeType("text/xml"); } } else if(window.ActiveXObject){//IE浏览器 try{ http_request=new ActiveXObject("Msxml2.XMLHttp"); }catch(e){ try{ http_request=new ActiveXobject("Microsoft.XMLHttp"); }catch(e){} } } if(!http_request){//异常,创建对象实例失败 window.alert("创建XMLHttp对象失败!"); return false; } http_request.onreadystatechange=processrequest; //确定发送请求方式,URL,及是否同步执行下段代码 http_request.open("GET",url,true); http_request.send(null);}//处理返回信息的函数function processrequest(){ if(http_request.readyState==4){//判断对象状态 if(http_request.status==200){//信息已成功返回,开始处理信息 document.getElementByIdx(reobj).innerHTML=http_request.responseText; } else{//页面不正常 alert("您所请求的页面不正常!"); } }}function dopage(obj,url){ //document.getElementByIdx(obj).innerHTML="正在读取数据..."; send_request(url); reobj=obj;}

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

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章