簡體   English   中英

用ajax分頁

[英]Pagination with ajax

我已經構建了一個使用ajax進行分頁的應用程序(使用PHP,Codeigniter和jQuery),類似於Twitter在今天的返回方式(單擊按鈕以加載更多數據)。

一切都很好,但是有一些問題。

當沒有更多要加載的帖子時,我希望刪除“加載更多”按鈕。 但是,現在我只能檢查單擊按鈕時是否還有任何帖子,並且腳本返回null。

現在就是這樣:假設數據庫中有14個帖子。 默認情況下加載5。

1-單擊“加載更多”,另外加載5個帖子。 剩下4個。

2-單擊加載更多,其余4個帖子已加載。

3-單擊“加載更多”,不再剩余帖子,按鈕消失

但是我想擺脫第3步,應用程序應該“意識到”在第2步中不再需要渲染任何帖子。

我敢肯定,有一種我還沒想到的簡單方法...

簡單。 選擇6個帖子而不是5個帖子,僅顯示5個。如果少於6個帖子,則不顯示更多按鈕。

if ($num_rows < 6){
  //remove more button
} 

您可以設置一個全局Javascript變量,以保存總帖子數量,如下所示:

var total = <?php echo $total ?>;

在通話之后,將金額與總計進行比較:

if($('.post').length == total) // .post being database results
    $('#loadmore').hide();

返回一個JSON對象,該對象的一個​​屬性是數組(條目),一個屬性是bool“ EOF”或類似的屬性,以指示何時沒有更多的條目要加載。

if(response.EOF)//隱藏按鈕

哦,在AjaxRequest中添加當前分頁中最后一個帖子的ID。 這樣服務器從您給它的最后一個帖子中給您說25條帖子。 然后,如果在分頁期間添加了新帖子,您將不會獲得補償。

你可以嘗試這樣的事情

if ($num_rows < 5){
/*what ever you want removed */
} 

在循環結束時

請,請,請-不要在Ajax中進行分頁!

a $$很難瀏覽此類頁面,無法使用后退按鈕或重新加載按鈕或設置書簽或其他任何東西!

更不用說根本不支持js的客戶端

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM