[英]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 */
}
在循環結束時
a $$很難瀏覽此類頁面,無法使用后退按鈕或重新加載按鈕或設置書簽或其他任何東西!
更不用說根本不支持js的客戶端
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.