PHP + AJAX 实现无刷新分页 不刷新页面实现分页 PHP AJAX

14 篇文章 0 订阅

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>&nbsp;&nbsp;&nbsp;";
        }else{
            $str.="<a href='javascript:void(0)' οnclick=ajaxfunction(".$i.")>".$i."</a>&nbsp;&nbsp;&nbsp;";
        }
    }
    echo $str;
}else{
    die();
}
?>

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值