简单分页

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>结合jquery做ajax分页</title>

<style>

body{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}

.page A{ padding:3px 5px; float:left; border:solid #CCCCCC 1px; text-decoration:none; font-size:12px; margin-left:1px; font-family:Verdana;color:#000000;}

.page A.currentpage{ color:#FF0000; border: solid red 1px;}

.page A:hover{ background-color:#CCCCCC;}

</style>

<script language="javascript" src="jquery-1.9.1.js"></script>

</head>


<body>

<?php

 include_once('conn.php');

//PHP分页实例



//分页尺寸

$page_size=2;

//计算总行数




$total_records=mysql_num_rows(mysql_query("SELECT userId from dch_user"));


//总页数

 $total_page=ceil($total_records/$page_size);

 

$query=mysql_query("select * from dch_user limit 0,$page_size");

?>

<div class="recordlist">

<ul>

<?php

while ($row=mysql_fetch_array($query))

{

echo $row['userId']."-";

echo $row['userName']."-";

echo $row['userAge']."<br/>";

}

?>

</ul>

</div>

<div class='page'></div>

</body>

</html>


<script language="javascript">

var total_page=<?=$total_page?>;

alert(total_page);

var url="page5.php?page";//当前链接,格式如下,例如:?aa=1&page  ,somepage.php?action=1&cat=1&page

alert(url);

$().ready(function(){


$(".page").html(pagination(1))

page_link();

})




function page_link()

{

$(".page A").click(function(){

var page=parseInt($(this).attr("page"))

 

$(".recordlist").load($(this).attr("href"),"",function(){$(".page").html(pagination(page));page_link();})

return false;

})

}


function pagination(current_page)

{

 

//翻页链接开始

current_page = current_page<=0 ? 1 : current_page;

current_page = current_page>total_page?total_page:current_page;

var page_link="";

if (total_page>1)

{

page_link="<a>一共"+total_page+"页</a>";

page_link+="<a>当前第"+current_page+"页</a>";

page_link+="<a href="+url+"=1 page=1>首页</a>";


if (current_page>1){

//页码大于1的时候,显示上一页翻页链接

var pre_page=current_page-1;

page_link+="<a  href='"+url+"="+pre_page+"' page="+pre_page+"><<</a>";

}

//翻页列表


//步进分页,翻页列表的数字始终只显示9个或者自定义的个数,本例定义只显示9个,当前页左右各显示4个页码

if (total_page>9)

{

if (current_page>4)

{

var from=current_page-4;

var to=current_page+4;

if (to>total_page)

{

var from=total_page-8;

var to=total_page;

}

 

}

else

{

var from=1;

var to=9;

}


}

else

{

var from=1;

var to=total_page;

}

for (var i=from;i<=to;i++)

{

if (i==current_page)

{

//高亮当前页页码

page_link+="<a href='"+url+"="+i+"' class='currentpage' page="+i+">"+i+"</a>";

}

else

{

page_link+="<a href='"+url+"="+i+"' page="+i+"  page="+i+">"+i+"</a>";

}

}

//页码小于总页数的时候显示下一页翻页链接

var next_page=current_page+1;

if(next_page<total_page)

{

page_link+="<a  href='"+url+"="+next_page+"' page="+next_page+">>></a>";

}

page_link+="<a  href='"+url+"="+total_page+"' page="+total_page+">最后一页</a>";

}

return page_link;

}

</script>

page5.php

<?php

include_once('conn.php'); 

 $page1=$_GET["page"]+0;

  if(isset($page1)){

 $page=$page1;

  }else{

     $page=1;

  } 


$page_size=3;

$offset=($page-1)*$page_size;

$q=mysql_query("select * from dch_user limit $offset,$page_size");

?>

 

<ul>

<?php

while ($r=mysql_fetch_array($q))

{

echo $row['userId']."-";

echo $row['userName']."-";

echo $row['userAge']."<br/>";

}

?>

</ul>




你可能感兴趣的:(简单分页)