index.php代码:
<?php


header("Content-Type:text/html;charset=utf-8");
?>
<html>
<head>
<meta charset="UTF-8">
<title>AJAX-无刷新分页 by:siyuantlw</title>
<style>
A{text-decoration:none;}
A:link {COLOR:#33CCFF;}
A:active {COLOR:#FF6666;}
A:visited {COLOR:#33CCFF;}
A:hover {COLOR:#FF6699; TEXT-DECORATION: underline;position:relative;left:1px;top:1px}
</style>
</head>
<body>
<div id="test"></div>
</body>
<script language="javascript">
function ajaxfunction(page){
if(page.length==0){
return;
}
var xmlHttp;
try{
//FF Opear 8.0+ Safair
xmlHttp=new XMLHttpRequest();
}
catch(e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e){
alert("您的浏览器不支持AJAX");
return false;
}
}
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4){
document.getElementById("test").innerHTML=xmlHttp.responseText;
}
}
var url="page.php";
url+="?page="+page+"&sid="+Math.random();
xmlHttp.open("GET",url,true);
xmlHttp.send(null);

}
ajaxfunction(1);
</script>
</html>
page.php代码:

<meta charset="UTF-8">
<?php
$host="localhost";
$db_user="root";//数据库用户名
$db_pass="root";//密码
$db_name="job123";//数据库名称
$timezone="Asia/Shanghai";


$link=mysql_connect($host,$db_user,$db_pass);
mysql_select_db($db_name,$link);
mysql_query("SET names UTF8");


date_default_timezone_set($timezone); //北京时间


//by siyuantlw
if(isset($_GET["page"])){
@$page = max(1, intval($_GET["page"]));
$pagesize=10;
$startindex=($page-1)*$pagesize;
$sql="SELECT * FROM userinfo ORDER BY id LIMIT $startindex,$pagesize";
$rec=mysql_query($sql);
while($row=mysql_fetch_array($rec)){
$str.="<li>".$row["id"]."</li>";
}
$num=mysql_num_rows(mysql_query("select * from userinfo"));
$pagenum=@ceil($num/$pagesize);
for($i=1;$i<=$pagenum;$i++){
if($page==$i){
$str.="<a href='javascript:void(0)' οnclick=ajaxfunction(".$i.")>[".$i."]</a>   ";
}else{
$str.="<a href='javascript:void(0)' οnclick=ajaxfunction(".$i.")>".$i."</a>   ";
}
}
echo $str;
}else{
die();
}
?>