用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++。 下面是具體代碼



如有錯誤 請隨時指正~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章