在jquery / ajax中分页

时间:2017-12-21 19:15:28

标签: jquery ajax codeigniter pagination

我尝试在jquery / ajax中使systemme像paginate一样。当我按下boutton视图时,我会显示下一个结果

CheckBox

但我不知道这是怎么回事。它可以在ajax中设置一个新的子句LIMIT,在我的第一个方法中使用偏移量,或者我必须使用一个计算器来显示/隐藏一些元素吗?

我的元素是这个方法

<button class="btn" id="showFiveNext">View more</button>

我算这个方法

function getVideoComment($idVideo)
{
    $q = $this->db->select('*')->from('users_youtube_videos_comment uyvc')
        ->join('users_youtube_videos uyv', 'uyv.users_youtube_videos_id = uyvc.users_youtube_videos_id', 'left')
        ->join('users u', 'u.users_id_nat = uyv.users_youtube_videos_id_user', 'left')
        ->join('users_profils up', 'up.users_profils_id = u.users_id_nat', 'left')
        ->order_by('uyvc.users_youtube_videos_comment_id', 'DESC')
        ->limit('5')
        ->where('uyvc.users_youtube_videos_id', $idVideo)
        ->get();
    if($q->num_rows()>0)
    {
        foreach($q->result() as $row)
        {
            $data[] = $row;
        }
        return $data;
    }
}

我用这个ajax请求显示结果

 function getCountComment($idVideo)
{
   $q = $this->db->select('count(users_youtube_videos_comment.users_youtube_videos_comment_id) AS commentCount')
       ->from('users_youtube_videos_comment')
       ->where('users_youtube_videos_comment.users_youtube_videos_id', $idVideo)
       ->get();
    if($q->num_rows()>0)
    {
        foreach($q->result() as $row)
        {
            $data[] = $row;
        }
        return $data;
    }
}

和计数器

function getComment(){
        var videoId = '<?php echo $idVideo ?>';
        jQuery.ajax({
            type: "GET",
            url: "<?php echo base_url(); ?>video/getVideoComment?videoid=" +videoId,
            dataType: 'json',

            success: function(resGetVideoCom){

                $('#showVideoComm').empty();

                $.each(resGetVideoCom,function(key, value){

                    var avatarUser = '<img class="img-circle" src=" '+value.users_youtube_avatar_channel+' " height="52" alt="avatar user" >';                   
                    var pseudoUser = '<span class="pseudoComment">'+value.users_youtube_pseudo_channel+'</span>';           
                    var commentDate = '<span class="dateComment"> '+value.users_youtube_videos_comment_date+'</span><br>';
                    var commentValue = '<div class="valueComment">'+value.users_youtube_videos_comment_com+'</div><br><br>';

                    $('#showVideoComm').append(

                        avatarUser+
                        pseudoUser+
                        commentDate+
                        commentValue

                    );
                });
            },
            error:function(resGetVideoCom){

            }
        });
    }

感谢您的帮助,对不起我的英语。

1 个答案:

答案 0 :(得分:0)

我认为我明白了。我在函数getCountComment()中添加了一个隐藏的输入,其中值为5。

当我点击按钮&#34;查看更多&#34;时,我得到此输入的值,我开始ajax请求,LIMIT子句是此输入的值。

关于此请求的成功,我添加了&#39; 5&#39;在输入的值。

每次点击按钮,我的LIMIT取+5

它有效,但不确定它的好方法。