php
如何实现
ajax
分页,本文中小编介绍一下ajax结合jquery利用php实现的ajax分页功能。
1.首先做主页面Ajax_pag.php
代码如下:
PHP 8.5.5
PHP 8.5.5 是 PHP 8.5 分支的维护更新版本。该版本延续了“小步快跑”的迭代逻辑,通过深度错误修复、底层性能微调以及安全加固,旨在为开发者提供一个更健壮、更高效的运行环境。该版本严格遵守语义化版本规范,不包含破坏性变更。
下载
立即学习
“
PHP免费学习笔记(深入)
”;
2.然后做分页查询JS页面Ajax_pag.js
代码如下:
立即学习
“
PHP免费学习笔记(深入)
”;
3.最后做分页查询处理页面pagechuli.php
代码如下:
立即学习
“
PHP免费学习笔记(深入)
”;
小插件:总页数的处理页面zyschuli.php
效果如图:
关键字查询效果如下图:
Ajax做分页
关键字:
地区代号
地区名称
父级代号
//ajax分页开始
var ts = 10;//每页显示的条数
var page = 1;//当前页
$(document).ready(function(e) {
//页面加载数据
Load();
//加载分页列表
Loadlist();
$("#ck").click(function(){
//页面加载数据
Load();
//加载分页列表
Loadlist();
})
})
//加载数据的方法
function Load(){
var gjz = $("#key").val();
$.ajax({
async:false,
url:"pagechuli.php",
data:{page:page,ts:ts,gjz:gjz},//page是显示的页数;ts是显示的条数
type:"POST",
dataType:"JSON",
success: function(data){
var str ="";
for(var k in data)
{
str +=""+data[k][0]+" "+data[k][1]+" "+data[k][2]+" ";
}
$("#list").html(str);//把拼接好的字符串放到要显示的thody里面
}
})
}
//加载分页列表
function Loadlist(){
var str ="";
//上一页
str+="« ";
//加载列表
for(var i=page-4;i0 && i<=zys()){
//判断当前页
if(i==page){
str+= ""+i+" ";
}else{
str+= ""+i+" ";
}
}
}
//下一页
str+="» ";
$("#fenye").html(str);
$("#prev").click(function(){
if(page>1){
page--;
}
//页面加载数据
Load();
//加载分页列表
Loadlist();
})
$(".item").click(function(){
var p = $(this).text();//取到的是字符串,转化为整数
page = parseInt(p);
//页面加载数据
Load();
//加载分页列表
Loadlist();
})
$("#next").click(function(){
if(page JsonQuery($sql,0)StrQuery($sql,0);