微客导航 » 文章资讯 » 使用AJAX实现分页

使用AJAX实现分页

2024-02-25 07:54:03 179

本文实例为大家分享了AJAX实现分页展示的具体代码，供大家参考，具体内容如下

Fenye.html




分页


/**
*AJAX
*1.创建ajax对象
*2.建立连接
*3.判断ajax准备状态及状态码
*4.发送请求
*/
functionshowList(pageNow){

//创建ajax对象
varxmlHttp=newXMLHttpRequest();

//建立连接
xmlHttp.open('get','./AJAX_Fenye.php?pageNow='+pageNow);

//判断ajax准备状态及状态码
xmlHttp.onreadystatechange=function(){

if(xmlHttp.readyState==4&&xmlHttp.status==200){
//alert(xmlHttp.readyState);
document.getElementById('result').innerHTML=xmlHttp.responseText;
}
}

//发送请求
xmlHttp.send(null);
}

//默认显示第1页
window.onload=function(){

showList(1);
}

Fenye.php





AJAX分页



$pageCount){
$pageNow=$pageCount;
}

//起始位置每页从第几条数据显示
$pageStart=($pageNow-1)*$pageSize;

//从哪条开始显示，限制每页显示几条
$sql="select*fromemplimit$pageStart,$pageSize";

//链接数据库
$rs=mysql_query($sql);

//以上php代码可封装调用，参数为pageNow返回查询到的数据$rs

?>



ID
姓名
邮箱
等级



{$rows['id']}
{$rows['name']}
{$rows['email']}
{$rows['level']}

";
}
?>


{$i} ";
}
?>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

使用AJAX实现分页

热门推荐

随机推荐