AJAX (Asynchronous JavaScript and XML) 是一種在網頁上實現異步通信的技術。它可以通過向服務器發送請求并在后臺接收響應，實現頁面動態更新而不需要刷新整個頁面。在AJAX中，我們可以使用EL表達式來動態獲取和顯示數據，使頁面更加靈活和響應性。

一個常見的例子是，在一個在線商城網站上，當用戶輸入商品名稱時，頁面會實時顯示相關的商品列表。使用AJAX和EL表達式，可以實現以下效果：

// HTML代碼
<input type="text" id="search" onkeyup="searchProduct()">
<div id="productList"></div>
// JavaScript代碼
function searchProduct() {
var input = document.getElementById("search").value;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var productList = JSON.parse(xhr.responseText);
var productListDiv = document.getElementById("productList");
productListDiv.innerHTML = "";
for (var i = 0; i < productList.length; i++) {
var product = productList[i];
productListDiv.innerHTML += "<div class='product'>" + product.name + "</div>";
}
}
};
xhr.open("GET", "getProducts?search=" + encodeURIComponent(input), true);
xhr.send();
}

在上面的例子中，當用戶在輸入框中輸入內容并松開鍵盤時，會調用名為"searchProduct()"的JavaScript函數。這個函數會通過AJAX發送一個GET請求到服務器的"getProducts"路徑，并將用戶輸入的內容作為參數傳遞給服務器。服務器返回一個商品列表的JSON響應，其中包含了商品的名稱。通過解析這個響應，并使用EL表達式動態生成商品列表的HTML，我們可以實現實時搜索功能。

除了動態獲取和顯示數據，AJAX和EL表達式還可以在表單中使用，實現無刷新的提交和驗證。

// HTML代碼
<form id="registrationForm" onsubmit="submitForm(event)">
<label>用戶名: </label><input type="text" name="username" required><br>
<label>密碼: </label><input type="password" name="password" required><br>
<label>確認密碼: </label><input type="password" name="confirmPassword" required><br>
<input type="submit" value="注冊">
</form>
<p id="registrationStatus"></p>
// JavaScript代碼
function submitForm(event) {
event.preventDefault();
var form = document.getElementById("registrationForm");
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var registrationStatus = document.getElementById("registrationStatus");
if (response.success) {
registrationStatus.innerHTML = "注冊成功！";
form.reset();
} else {
registrationStatus.innerHTML = response.errorMessage;
}
}
};
xhr.open("POST", "register", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send(new FormData(form));
}

在上面的例子中，當用戶提交表單時，會調用名為"submitForm(event)"的JavaScript函數。這個函數會通過AJAX發送一個POST請求到服務器的"register"路徑，并將表單數據作為請求體發送。服務器會驗證表單的內容，并返回一個JSON響應，指示注冊的狀態。使用EL表達式，我們可以動態更新頁面上的注冊狀態。

綜上所述，AJAX和EL表達式的結合可以使網頁更加動態和交互性。無論是動態獲取數據，還是實現無刷新的提交和驗證，它們都是開發現代化網頁的優秀技術。