使用 Ajax 分頁可以提高網頁的加載速度和用戶體驗，避免一次性加載大量數據造成頁面卡頓。本文將使用 SSM 框架搭建一個簡單的 Ajax 分頁實例。通過這個實例，我們可以更好地理解 Ajax 分頁的原理和實現方式。
在本實例中，我們將以一個商品列表頁面為例。假設我們有一個商品表，其中包含了許多商品的信息，包括商品名稱、價格、庫存等等。我們需要展示這些商品信息，并且能夠進行分頁瀏覽。
首先，我們需要創建一個包含商品列表的頁面。在這個頁面中，我們需要顯示商品的名稱、價格和庫存信息，并且還需要包含翻頁的功能。翻頁功能可以通過點擊頁面上的“上一頁”和“下一頁”按鈕來實現。這些按鈕的點擊事件會觸發相應的 Ajax 請求，請求指定頁碼的商品數據。
在 JSP 頁面中，我們可以使用以下代碼來實現頁面的布局和商品列表的展示：
```html```
在上面的代碼中，我們創建了一個 `getGoodsList` 函數，用于發送 Ajax 請求獲取指定頁碼的商品列表。在請求成功后，我們將獲取到的商品列表數據插入到頁面中的 `#goodsList` 元素中。
在后端，我們可以使用 SSM 框架的各個組件來實現商品列表的分頁查詢。首先，在 Controller 中定義一個用于處理商品列表請求的方法：
```java
@Controller
public class GoodsController {
@Autowired
private GoodsService goodsService;
@RequestMapping("/getGoodsList")
public ModelAndView getGoodsList(int pageNum) {
Listlist = goodsService.getGoodsList(pageNum);
ModelAndView mav = new ModelAndView("goodsList");
mav.addObject("goodsList", list);
return mav;
}
}
```
在上面的代碼中，我們使用 `@RequestMapping` 注解標記了一個用于處理 `/getGoodsList` 請求的方法。這個方法會根據傳入的頁碼參數調用 `GoodsService` 來獲取對應頁碼的商品列表。然后，將結果存儲到 ModelAndView 中，并返回一個名為 `goodsList` 的視圖。
在 Service 類中，我們可以使用 MyBatis 或者其他 ORM 框架來實現商品列表的分頁查詢。這里簡化起見，我們省略了這部分代碼。
最后，在 JSP 頁面中，我們可以使用 JSTL 和 EL 表達式來遍歷商品列表，并將每一個商品的信息展示出來：
```html
${goods.name}
${goods.price}
${goods.stock}