文章的內容是使用bootstrap-paginator進行分頁，使用ajax獲取後臺資料、渲染。1. 版本說明bootstrap 3.3.2bootstrap-paginator v1.0 github2. 準備工程建立動態web工程，新建index.html頁面，引入bootstrap相關css js檔案。3. 簡單顯示在需要顯示分頁的位置新增ul標籤：

在頁面底部新增js程式碼：啟動web服務，訪問index.html頁面，可以看到分頁顯示。4. 後臺準備資料建立一個servlet，負責向前臺輸出json資料。 PrintWriter out = response.getWriter(); String s1 = "[{\"name\":\"lilei\"},{\"name\":\"lilei2\"}]"; String s2 = "{\"name\":\"hanmeimei\"}"; String s3 = "{\"name\":\"jim\"}"; String s4 = "{\"name\":\"jim1\"}"; String s5 = "{\"name\":\"jim2\"}"; String page = request.getParameter("page"); String cur = null; switch (page) { case "1": cur = s1; break; case "2": cur = s2; break; case "3": cur = s3; break; case "4": cur = s4; break; case "5": cur = s5; break; default: break; } out.print(cur); out.close();5. 前臺展示資料前臺需要先獲取記錄的總條數和每頁容量。 其中pageSize設定為2,先用post方法獲取totalPages，用來初始化分頁外掛。執行程式即可。詳細的可以參見bootstrap-paginator說明,或者去bootstrap-paginator github查閱。 工程下載bootstrap-paginator.zip jdk1.8 tomcat 8