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

浏览:2350 发布日期:2014/04/07 分类:用法示例
改造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方式返回
        }
评论( 相关
后面还有条评论,点击查看>>