AJAX（Asynchronous JavaScript and XML）是一種在網頁中更新部分數據而不必刷新整個頁面的技術。它通過在后臺與服務器進行數據交換，實現了異步更新頁面的功能。在JSP頁面中，使用AJAX可以實現頁面的初始加載，提高用戶體驗。

舉個例子，假設我們有一個電子商務網站，首頁需要顯示多個商品的信息。傳統的方式是，用戶打開首頁時，服務器返回所有商品的數據，然后將數據渲染到頁面上。但是隨著商品數量的增加，頁面的加載速度也會變慢，導致用戶體驗下降。

使用AJAX的方式，我們可以將頁面分為兩部分：一部分是固定不變的部分，它只需加載一次；另一部分是商品列表，它可以異步加載。這樣，用戶打開首頁時，只需加載固定部分的內容，然后發起AJAX請求，獲取商品列表的數據并渲染到頁面上。這樣就大大減少了頁面的加載時間。

下面是一個使用AJAX實現JSP頁面初始化的示例：

// 初始化頁面內容
function initPage() {
// 發起AJAX請求，獲取商品列表的數據
$.ajax({
url: "/getProductList",
type: "GET",
dataType: "json",
success: function(data) {
// 渲染商品列表
renderProductList(data);
},
error: function() {
alert("初始化頁面失敗");
}
});
}
// 渲染商品列表
function renderProductList(data) {
var productList = "";
for (var i = 0; i< data.length; i++) {
productList += "
" +
"" +
"
" + data[i].name + "
" +
"
" + data[i].description + "
" +
"
";
}
// 將商品列表渲染到頁面上
$("#productList").html(productList);
}
// 頁面加載完成后初始化頁面
$(document).ready(function() {
initPage();
});

在上述代碼中，我們定義了一個initPage函數，用于初始化頁面內容。在頁面加載完成后，會調用這個函數實現頁面的初始化。函數中，我們使用$.ajax方法發起AJAX請求，獲取商品列表的數據。在成功返回數據后，調用renderProductList函數將數據渲染到頁面上。

這樣，當用戶打開JSP頁面時，頁面會先加載固定的內容，然后通過AJAX請求獲取商品列表的數據并渲染到頁面上，實現了頁面的初始化。由于只加載了必要的部分數據，頁面的加載速度大大加快，提高了用戶體驗。

除了頁面初始化，AJAX還可以用于其他交互操作，例如異步加載更多數據、實現評論功能等。總而言之，使用AJAX可以提高JSP頁面的響應速度，增加用戶體驗，使用戶能夠更快地獲取所需的信息。