本文章目標:點擊上/下一頁按鈕,實現對應頁面的變化
實現基本步驟:
一:保存并設置文章總條數
設置一個全局變量,將服務器返回的數據返回給全局變量
二:點擊下一頁,做臨界值判斷,并切換頁碼參數并請求最新數據
核心代碼
searchUrl.page < Math.ceil(totalPage / searchUrl.page)
判斷是否可以有下一頁
三:點擊上一頁,做臨界值判斷,并切換頁碼參數并請求最新數據
document.querySelector('.next').addEventListener('click', () => {if (searchUrl.page < Math.ceil(totalPage / searchUrl.page)) {searchUrl.page++document.querySelector('.page-now').innerHTML = `第${searchUrl.page}頁`getArtileList()}
})
document.querySelector('.last').addEventListener('click', () => {if (searchUrl.page > 1) {searchUrl.page--document.querySelector('.page-now').innerHTML = `第${searchUrl.page}頁`getArtileList()}
})