AJAX（Asynchronous JavaScript and XML）是一種用于創建動態網頁的前端技術。它可以使網頁的內容實現異步加載，從而提升用戶體驗和網站性能。本文將通過一個完整的Java示例來介紹如何使用AJAX實現動態網頁內容的加載。

假設我們有一個商品列表頁面，需要使用AJAX來實現點擊某個商品后，異步加載該商品的詳細信息并展示在頁面上。首先，在前端頁面的HTML代碼中，我們需要定義一個用于展示詳細信息的區域：

<div id="product-details"></div>

然后，我們需要編寫JavaScript代碼來實現AJAX請求和處理返回的數據。在JavaScript中，我們首先需要獲取到用戶點擊的商品ID，然后使用AJAX發送異步請求獲取該商品的詳細信息，并將返回的數據展示在頁面上。

function showProductDetails(productId) {
// 創建AJAX對象
var xhr = new XMLHttpRequest();
// 定義AJAX請求的URL
var url = "/products/details?id=" + productId;
// 配置AJAX請求的方式和URL
xhr.open("GET", url, true);
// 設置AJAX返回的數據類型
xhr.setRequestHeader("Accept", "application/json");
// 監聽AJAX請求的完成事件
xhr.onreadystatechange = function() {
// 請求完成且響應成功
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 解析返回的JSON數據
var product = JSON.parse(xhr.responseText);
// 在頁面上展示商品詳細信息
var detailsElement = document.getElementById("product-details");
detailsElement.innerHTML = "商品名稱：" + product.name + "
商品價格：" + product.price;
}
};
// 發送AJAX請求
xhr.send();
}

以上就是使用AJAX實現動態加載商品詳細信息的完整Java示例。當用戶點擊某個商品時，我們調用showProductDetails函數，將該商品的ID作為參數傳遞給函數。函數通過AJAX發送GET請求，將商品ID作為參數附加在URL中，后端服務器接收到請求后根據商品ID查詢數據庫并返回對應的商品詳細信息。前端頁面通過監聽AJAX的完成事件，解析返回的JSON數據，并將商品詳細信息展示在頁面上。

通過以上示例，我們可以看到AJAX的強大之處在于可以實現異步加載，提升用戶體驗和網站性能。在實際項目中，我們可以將AJAX應用于各種場景，比如搜索框自動補全、表單提交時的實時驗證、聊天系統的消息推送等等。AJAX技術已經成為現代Web開發不可或缺的一部分，掌握它將極大地提升我們的開發能力。