改造thinkphp 的 Page类,使其支持ajax方式
效果:

说明:thinkphp版本:3.2.1
步骤:
1、打开Page.class.php(路径:ThinkPHP/Library/Think)
找到第48行:
empty($_GET[$this->p]) ? 1 : intval($_GET[$this->p]); 改为:
empty(I($this->p)) ? 1 : intval(I($this->p));
实际是改为用内置的 I 函数读取传递进来的P参数,这样并不会影响原有的功能。

2、ajax方式的调用:
即前台html页面
<div id="rs">此处用来显示分页内容</div><br class="clear" /><br /> javascript: function jzry(p) {
var request = $.ajax({
url: "__MODULE__/Home/jzrh", //用ajax加载分页数据
type: "POST",
async: false,
data:{p:p},
beforeSend: function(xhr) {
$('#message').html("正在加载数据,请稍候。");
}
});
request.done(function(msg) {
if (msg.bj == 'ok') {
$('#rs').html(msg.page); //显示分页
$("#rs a").removeAttr("href"); //删除原来的连接地址方式,

//改用ajax按键事件
$(".num,.end,.first").on("click", function(){
jzry( $(this).text() );
});
$(".next").on("click", function(){
jzry( parseInt($(".current").text())+1);
});
$(".prev").on("click", function(){
jzry( parseInt($(".current").text())-1);
});
}});
request.fail(function(jqXHR, textStatus) {
$('#message').html("错误: " + textStatus);
});
} 样式: <style>
#rs a { color:#333;display:block; padding:0px 6px;
font-weight:bold;float:left;border:1px solid #5d9cdf;
height:20px; line-height:20px; margin:0px 2px;}
.current { background:#a9d2ff; display:block; padding:0px 6px;
font-weight:bold;;float:left}
.clear{clear:both}
</style>
3、后台使用和原来的一样
$user = M("user");
$User = $user->page($_POST['p'].',20')->order('id')->select();
if ($User > 0) {
$val['bj'] = 'ok';
$count=$user->count();
$Page=new \Think\Page($count,20);
$val['page']=$Page->show();
$this->ajaxReturn($val); //ajax方式返回
}

评论() 相关

收藏

赞

lyq2276959

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。