1. 程式人生 > >用ajax+jQuery 實現頁面載入更多(另類的分頁)

用ajax+jQuery 實現頁面載入更多(另類的分頁)

這個其實和分頁是起到一樣的效果,只不過有時候在個別場景 個人感覺會比分頁更加靈性一些,萬年不變的分頁看著也是很無聊的。我主要是想把這個功能記錄下,分享給那些初學者。純屬原創,如有不足之處,隨時指教。 先上圖


這個 是我現在做的一個專案,訂單管理頁  本來是做分頁的 但是想想 用這個其實也是可以的 然後就自己寫了個 第一次寫部落格,排版什麼的有點醜 請見諒~~O(∩_∩)O哈哈~

  • 頁面 是jsp,沒有用任何框架 純jquery 大致的思路:1.既然是分頁,就得記錄每次請求後臺獲取資料的pageNo和pageSize,so 我的做法是把pageNo放進隱藏域中,每次請求過後都自動更新下隱藏域中的pageNo值
    ,然後因為是做成點選“顯示更多資料”,因此 使用者也不像分頁那樣可以選擇每頁顯示多少條資料,so  pageSize我是直接寫死的 每次5條;2.利用ajax請求後臺獲取到資料之後,再把資料用jquery手動拼接到當前的頁面最後一個標籤後面,var _this = $(".pageUl li:last"); 這個是查詢最後一個li標籤。然後還有一個最重要的一點是 記得重置隱藏域中的pageNo的值,把當前的pageNo設定進去 每次請求就pageNo++。 下面是具體程式碼


如有錯誤 請隨時指正~