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"/>

Ajax调用

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);
    }

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

Answer 2

您可以使用以下内容：

Example1

这是在核心php，但你可以理解数据流，然后可以使其成为MVC）

你也可以查看这个 Example

（用按钮点击替换滚动事件）

如何使用ajax和codeigniter加载查看更多注释

2 个答案: