这篇文章将为大家详细讲解有关使用tp5框架如何实现一个无刷新分页功能，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。
成都一家集口碑和实力的网站建设服务商，拥有专业的企业建站团队和靠谱的建站技术，十年企业及个人网站建设经验 ,为成都上1000家客户提供网页设计制作,网站开发,企业网站制作建设等服务,包括成都营销型网站建设，
品牌网站制作，同时也为不同行业的客户提供
做网站、成都做网站的服务,包括成都电商型网站制作建设,装修行业网站制作建设，传统机械行业网站建设,传统农业行业网站制作建设。在成都做网站,选网站制作建设服务商就选
成都创新互联。
1.默认生成的分页 页码如下：
«
1
2
»
2.点击页码 值，跳转到对应的页面，并get传 page='1' or '2';
所以无刷新需要做到两点，阻止页码 a链接跳转 和 传值【post 和 get都可以】，ajax传值到后端控制器时，接收并存入$page即可，一定要存入$page,不能是其他变量名（因为框架封装的类里面获取当前页就是从$page中获取的！）
具体做法是：
1.进入首页面(带分页的页面)，用js或jQuery 给页码a标签阻止跳转；
$('#pag ul li a').attr("href",'javascript:void(0);');2.给各页码元素绑定点击事件，所做的逻辑就是当页码被点击时，计算或获取到要跳转的页面值。
3.确定了要跳转的页面值后，然后ajax传值到后端（传递的就是page ，post get方式都可以）。
4.后端控制器获取到传值，并存入$page ，其他分页的逻辑按照正常做法查询即可，只是查询出来的数据需要组装成字符串返回去。（返回去的还需要有页码字符串，每一次无刷新的页码字符串都不同，每切换一个页面，需要重新再和数据更换一次）
4.1为什么定义为$page？ 请去框架tp5 thinkphp/think/db/Query.php 找到paginate方法，入下位置（1333-1338行）：
$page = isset($config['page']) ? (int) $config['page'] : call_user_func([
$class,
'getCurrentPage',
], $config['var_page']);
$page = $page < 1 ? 1 : $page;
5.返回的数据通过jquery填入页面里，并删除之前的数据元素！
2-5 jquery代码如下：
$(function(){
//去掉分页的点击跳转
del_jump();
//当分页被点击时，进行无刷新分页
$("#pag").on('click','ul li a',function(){
//当前被点击的页码数 或者 箭头
dianji = $(this).html();
current_page = $('.active span').html();
page = '';
if(dianji == "«") {
current_page = Number(current_page);
page = String(current_page-1);
}else if(dianji == "»") {
current_page = Number(current_page);
page = String(current_page+1);
}else{
page = dianji;
}
//发送ajax到后台
$.post("{:url('Virtual/index')}",
{'page':page},
function(data){
//将返回的数据添加到页面上去
$('#record_list').html(data.html);
$('#pag').html(data.pages);
del_jump();
},'json');
});
//去掉分页的点击跳转
function del_jump() {
$('#pag ul li a').attr("href",'javascript:void(0);');
}
});关于使用tp5框架如何实现一个无刷新分页功能就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
新闻标题：使用tp5框架如何实现一个无刷新分页功能-创新互联
本文路径：
http://jkwzsj.com/article/dpojcd.html
