AJAX（Asynchronous Javascript and XML）是一種在當前窗口打開頁面的技術，它可以在不刷新整個頁面的情況下，局部刷新網頁內容，提升用戶體驗和頁面加載速度。通過AJAX，我們可以通過異步加載數據，更新頁面內容，實現更流暢的交互效果，且不會中斷用戶的操作。下面通過舉例說明AJAX在當前窗口打開頁面的應用。

舉例來說，假設我們正在編寫一個在線商城網站。當用戶點擊商品分類菜單時，我們希望能夠動態地加載對應分類的商品列表，而不是刷新整個頁面。這時，我們可以使用AJAX來實現這個功能。通過AJAX，我們可以向服務器發送一個請求，請求服務器返回對應分類的商品列表。服務器會返回數據，然后我們可以使用AJAX將返回的數據插入并更新網頁上對應的位置，以此實現動態加載商品列表的效果。

function loadProductList(categoryId) {
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/products?category=' + categoryId, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var productList = JSON.parse(xhr.responseText);
// 將獲得的商品列表渲染到頁面上
renderProducts(productList);
}
};
xhr.send();
}
function renderProducts(products) {
var productListContainer = document.getElementById('product-list');
productListContainer.innerHTML = '';
products.forEach(function(product) {
var productElement = document.createElement('div');
productElement.className = 'product';
var productName = document.createElement('h2');
productName.textContent = product.name;
productElement.appendChild(productName);
var productPrice = document.createElement('span');
productPrice.textContent = product.price;
productElement.appendChild(productPrice);
productListContainer.appendChild(productElement);
});
}

上面的代碼是一個簡單的AJAX請求示例。當用戶點擊商品分類菜單時，我們調用loadProductList函數，該函數通過AJAX發送一個GET請求，帶上對應的分類ID。服務器收到這個請求后，會根據分類ID去查詢對應的商品列表數據，并將結果以JSON格式返回。然后，我們在AJAX的回調函數中對返回的商品列表數據進行處理，將商品列表渲染到網頁上的指定位置。

除了動態加載商品列表，AJAX還可以用于實現其他類似的功能。比如，當用戶在社交媒體網站上瀏覽自己的消息列表時，可以使用AJAX動態加載新的消息，而不需要刷新整個頁面；當用戶在音樂播放器中切換歌曲時，可以使用AJAX動態加載新的音樂文件，實現無縫播放等。這些功能的實現都離不開AJAX技術。

總而言之，AJAX在當前窗口打開頁面的技術，通過異步加載數據并更新頁面內容，可以提升用戶體驗和頁面加載速度，避免不必要的頁面刷新，實現更流暢的交互效果。在開發網站時，我們可以靈活運用AJAX來實現各種動態加載內容的功能。