2015-07-22 100 views
3

你怎麼可以修改默認笨分頁加載更多的記錄時遵循如何加載查看更多評論使用AJAX和笨

---- viewMore ---鏈接樣式 - AJAX方式。

事情是你如何讓div如此自動擴展,就像你一次處理10,000條記錄一樣。

+2

您正在詢問UI中的多個不同圖層....事件,發出Ajax請求,處理服務器請求以及做出響應。你不明白哪個部分?你需要將其縮小到具體細節。如果上面的答案是「全部」,那麼有很多AJAX教程可用 – charlietfl

+0

傾聽charlietfl!我只在「處理請求」和「對響應做某事」之間添加一件事情:選擇數據格式。我相信你應該選擇JSON。 –

+0

與facebook類似,我想實現。點擊查看更多,一些評論顯示一個限制,然後再點擊一些更多的評論加載到特定的職位。像那樣如何實現 – user4650021

回答

3

試試這個

讓兩個隱藏輸入鑑於

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

寫入查詢失調和限制

1

您可以使用類似:

Example1

這是PHP核心,但可以理解的數據流,並且可以使其然後MVC)

你也可以檢查此
Example

(換上按鈕點擊滾動事件)