AJAX（Asynchronous JavaScript and XML）是一種在網頁上實現異步通信的技術。通過AJAX，可以在不刷新整個頁面的情況下，實現與服務器的數據交互和更新。

舉例來說，我們想要在網頁上顯示一個實時的股票行情表，這個表需要不斷地從服務器獲取最新的數據然后刷新。傳統的方式是每隔一段時間刷新整個頁面，這樣會造成頁面的閃爍，用戶體驗也很差。而借助AJAX技術，我們就可以實現在不刷新整個頁面的情況下，只更新股票行情表的部分內容，從而提升用戶的體驗。

function updateStocks() {
$.ajax({
url: "getStocks.php", 
success: function(data) {
$("#stock-table").html(data); // 將從服務器獲取的數據更新到頁面上的表格中
}
});
}
setInterval(updateStocks, 5000);  // 每隔5秒更新一次股票行情表

在上述代碼中，我們通過使用jQuery庫的ajax方法，向服務器發送一個GET請求。服務器端的getStocks.php文件會返回最新的股票行情數據。通過修改回調函數的data參數，我們可以將返回的數據更新到網頁上指定的元素（id為stock-table的元素）中。

另一個常見的應用場景是在表單提交時，不刷新整個頁面，而只更新表單后面的提示信息。假設我們有一個登錄表單，用戶輸入用戶名和密碼后點擊登錄按鈕，希望在不刷新頁面的情況下，根據提交的結果在表單下方顯示相應的提示信息。我們可以使用AJAX來實現：

$("#login-form").submit(function(event) {
event.preventDefault();  // 阻止默認的表單提交行為
var formData = $(this).serialize();  // 獲取表單中的數據
$.ajax({
url: "login.php",
method: "POST",
data: formData,
success: function(response) {
$("#login-message").html(response);  // 將服務器返回的結果更新到提示信息的元素中
}
});
});

在上述代碼中，我們使用jQuery的submit方法，監聽表單的提交事件。當用戶提交表單時，阻止默認的提交行為，并通過serialize方法獲取表單中的數據。然后，我們發送一個POST請求到服務器端的login.php文件，并將表單數據作為請求的參數。最后，通過修改回調函數的response參數，將服務器返回的結果更新到網頁上指定的元素（id為login-message的元素）中。

通過上述兩個例子，不難看出使用AJAX技術可以實現在網頁上動態生成HTML頁面并進行顯示。這種方式不僅提升了用戶體驗，還能減少不必要的頁面刷新，從而減輕服務器的負擔。通過合理的運用AJAX技術，我們可以實現更加豐富和靈活的網頁交互效果。