AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式Web應用程序的技術，通過在后臺與服務器進行異步通信，實現在不重新加載整個網頁的情況下更新部分頁面內容。而Servlet是Java編寫的服務器端程序，主要用于處理HTTP請求和產生HTTP響應。AJAX和Servlet的結合，為Web開發提供了一個強大的工具組合，使得開發人員能夠更好地實現動態頁面的交互與更新。

以一個簡單的示例來說明Ajax和Servlet的結合應用。假設我們要實現一個在線購物網站，當用戶點擊“加入購物車”按鈕時，頁面不需要重新加載，而是直接將商品添加到購物車中并更新購物車的數量。這時就可以使用Ajax和Servlet。

首先，在前端頁面中，使用JavaScript發起Ajax請求，將商品信息以POST方式發送給Servlet。代碼示例如下：

<script>
function addToCart(item) {
var xhr = new XMLHttpRequest();
var data = "item=" + item;
xhr.open("POST", "AddToCartServlet", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var response = xhr.responseText;
updateCartCount(response);
}
};
xhr.send(data);
}
function updateCartCount(count) {
document.getElementById("cartCount").innerHTML = count;
}
</script>

以上代碼定義了一個addToCart函數，在用戶點擊“加入購物車”按鈕時調用。該函數首先創建一個XMLHttpRequest對象，然后將商品信息以POST方式發送給名為"AddToCartServlet"的Servlet。在發送請求之前，需要設置請求頭部的"Content-type"屬性為"application/x-www-form-urlencoded"。當Ajax請求的狀態和響應都準備就緒時，會調用回調函數onreadystatechange，在該回調函數中獲取并更新購物車的數量。

接下來，我們來看一下Servlet的實現。AddToCartServlet用于處理用戶的購物車添加請求，獲取商品信息，并將商品添加到購物車中。代碼示例如下：

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class AddToCartServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String item = request.getParameter("item");
// 將商品添加到購物車中的邏輯代碼
// ...
int itemCount = // 獲取購物車中商品的數量
response.getWriter().write(String.valueOf(itemCount));
}
}

以上代碼是一個簡化版的Servlet示例。在doPost方法中，首先通過request.getParameter方法獲取前端傳來的商品信息，然后根據實際需求將商品添加到購物車中，并獲取購物車中商品的數量。最后，使用response.getWriter().write方法將商品數量以字符串形式返回給前端頁面。

通過Ajax和Servlet的結合，我們可以實現網頁內容的動態更新，提升用戶體驗。這種技術的應用范圍非常廣泛，例如在社交媒體網站上，用戶可以通過Ajax實時查看并跟蹤其他用戶的動態。

總而言之，Ajax和Servlet的結合為Web開發帶來了更高效和更好的用戶交互體驗。開發人員可以根據實際需求靈活運用這兩個技術，實現各種復雜的動態頁面與后端交互。