如何使用ajax和codeigniter加载查看更多评论

Question

如何修改要遵循的Codeigniter默认分页

-— viewMore —加载更多记录时的链接样式-AJAX方式。

关键是如何使div如此自动扩展，就像您一次处理10,000条记录一样。

Answer 1

试试这个

在视图中进行两个隐藏的输入

<button type="button" onclick="loadmore()" value="loadmore" >Load More</button>
<input type="hidden" name="limit" id="limit" value="10"/>
<input type="hidden" name="offset" id="offset" value="20"/>

阿贾克斯电话

function loadmore(){
    $.ajax({
        url:your_controller/loadmore,
        data:{
          offset :$('#offset').val(),
          limit :$('#limit').val()
        },
        type:json, 
        success :function(data){
            $('#load-more').prepend(data.view)
            $('#offset').val(data.offset)
            $('#limit').val(data.limit)
        }
    })
}

在您的控制器调用模型中

 function loadmore(){
      $limit = $this->input->get('limit');
      $offset = $this->input->get('offset');
      $this->load->model('yourmodel');
      $result  = $this->yourmodel->getdata($offset,$limit);
      $data['view'] = $result;
      $data['offset'] =$offset +10;
      $data['limit'] =$limit;
      echo json_encode($data);
    }

在具有偏移和限制的模型中编写查询