AJAX（Asynchronous JavaScript and XML）是一種用于創建快速、動態、交互性強的Web應用程序的技術。它使用JavaScript和XML來在客戶端和服務器之間進行數據的異步傳輸，實現局部內容的更新，不需要刷新整個頁面。這種技術的應用使得我們可以在不離開當前頁面的情況下，獲取最新數據并更新頁面內容，大大提高了用戶體驗。

AJAX在JSP中的局部內容更新非常常見。以一個簡單的新聞網站為例，當用戶查看新聞列表頁面時，可以通過AJAX在不刷新整個頁面的情況下，獲取最新的評論數據并更新到頁面上。

// JavaScript代碼
function loadComments() {
var newsId = "123456"; // 假設當前新聞的ID為123456
var xhr = new XMLHttpRequest();
xhr.open("GET", "getComments.jsp?newsId=" + newsId, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var comments = JSON.parse(xhr.responseText);
var commentsContainer = document.getElementById("commentsContainer");
// 清空評論容器
commentsContainer.innerHTML = "";
// 將獲取到的評論數據動態插入頁面中
for (var i = 0; i< comments.length; i++) {
var commentNode = document.createElement("div");
commentNode.innerHTML = comments[i].content;
commentsContainer.appendChild(commentNode);
}
}
};
xhr.send();
}

在上面的代碼中，我們首先定義了一個函數loadComments()。當這個函數被調用時，它會發送一個AJAX請求到getComments.jsp，并傳遞當前新聞的ID作為參數。在服務器端的getComments.jsp中，將根據傳遞的新聞ID獲取最新的評論數據，并以JSON格式返回給客戶端。

在客戶端的回調函數中，我們首先解析服務器返回的JSON數據，然后獲取評論容器元素commentsContainer，并將其內部的內容清空。接下來，我們使用一個循環，為每條評論創建一個新的div節點，將評論內容填充到這個節點中，并將它添加到評論容器中。通過這樣的方式，我們實現了動態更新頁面的功能。

除了在獲取評論數據時使用AJAX，我們還可以在提交評論時使用AJAX實現局部內容的更新。例如，用戶通過一個文本框輸入評論內容并點擊提交按鈕，我們可以通過AJAX將評論內容發送到服務器，然后在返回的響應中包含最新的評論數據，以此更新頁面上的評論列表。

// JavaScript代碼
function submitComment() {
var newsId = "123456"; // 假設當前新聞的ID為123456
var comment = document.getElementById("commentInput").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "submitComment.jsp", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var comments = JSON.parse(xhr.responseText);
var commentsContainer = document.getElementById("commentsContainer");
// 清空評論容器
commentsContainer.innerHTML = "";
// 將獲取到的評論數據動態插入頁面中
for (var i = 0; i< comments.length; i++) {
var commentNode = document.createElement("div");
commentNode.innerHTML = comments[i].content;
commentsContainer.appendChild(commentNode);
}
}
};
var formData = "newsId=" + encodeURIComponent(newsId) + "&comment=" + encodeURIComponent(comment);
xhr.send(formData);
}

在上面的代碼中，我們首先獲取評論輸入框的內容，并將其保存到變量comment中。然后，創建一個XMLHttpRequest對象，將其配置為發送一個POST請求到submitComment.jsp，并設置請求頭的Content-Type為application/x-www-form-urlencoded。在服務器端的submitComment.jsp中，將根據傳遞的新聞ID和評論內容保存到數據庫，并返回最新的評論數據。

在客戶端的回調函數中，我們首先解析服務器返回的JSON數據，然后獲取評論容器元素commentsContainer，并將其內部的內容清空。接下來，我們使用一個循環，為每條評論創建一個新的div節點，將評論內容填充到這個節點中，并將它添加到評論容器中。通過這樣的方式，我們實現了動態更新頁面的功能。

通過以上兩個示例，我們可以看到AJAX在JSP中實現局部內容的更新非常靈活和強大。它不僅可以提升用戶體驗，也可以減輕服務器的壓力，使得Web應用程序更加高效。