Home > Backend Development > PHP Tutorial > php+ajax无刷新分页实例详解_PHP

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

WBOY
Release: 2016-05-29 11:47:48
Original
928 people have browsed it

本文实例讲述了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">
<&#63;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'])&#63;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&#63;0:$page+1);
$pageset=($page-1)*$page_size;
$pagenav.="显示第".($total&#63;($pageset+1):0)."-".min($pageset+5,$total)."记录 共<b>".$total."</b>条记录 现在是第 <b>".$page."</b> 页 ";
if($page<=1)
$pagenav.="<a style=cursor:not-allowed;>首页</a> ";
else
$pagenav.="<a onclick=javascript:dopage('result','$url&#63;page=1') style=cursor:pointer;>首页</a> ";
if($prepage)
$pagenav.="<a onclick=javascript:dopage('result','$url&#63;page=$prepage') style=cursor:pointer;></a> ";
else
$pagenav.="<a style=cursor:not-allowed;>下一页</a> ";
if($pagenum)
$pagenav.="<a onclick=javascript:dopage('result','$url&#63;page=$pagenum') style=cursor:pointer;>尾页</a> ";
else
$pagenav.="<a style=cursor:not-allowed;>尾页</a> ";
$pagenav.="共".$pagenum."页";
if($page>$pagenum){
  echo "error:没有此页".$page;
  exit();
}
&#63;>
<table align="center" border="2" width="300">
 <tr bgcolor="#cccccc" align="center">
  <td>用户名</td>
  <td>用户密码</td>
 </tr>
<&#63;php
$info=mysql_query("select * from user limit $pageset,$page_size");
while($array=mysql_fetch_array($info)){
&#63;>
 <tr align="center">
  <td><&#63;php echo $array['username'];&#63;></td>
  <td><&#63;php echo $array['password'];&#63;></td>
 </tr>
<&#63;php  
}
&#63;>
</table>
<&#63;php
echo "<p align=center>$pagenav</p>";
&#63;>
</div>
Copy after login

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;
}

Copy after login

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

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template