Ajax（Asynchronous JavaScript and XML）是一種利用 JavaScript 的異步請求技術，能夠在不刷新頁面的情況下，更新和獲取數據的方法。

傳統的網頁點擊鏈接或提交表單后，頁面會重新加載，這樣用戶體驗就會受到影響。而使用 Ajax 技術，可以使得頁面只更新部分內容，從而提升用戶的體驗。

例如，假設有一個在線購物網站，用戶在瀏覽商品頁時，點擊添加到購物車按鈕，如果頁面重新加載，則用戶將需要跳轉到購物車頁面去查看最新的購物車內容；而如果使用 Ajax 技術，則可以在不刷新頁面的情況下，通過異步請求將商品添加到購物車，并在頁面上動態更新購物車的數量，使用戶能夠繼續留在商品頁繼續瀏覽。

在實際開發中，使用 Ajax 技術可以實現很多類似的功能。例如，在社交媒體網站上，用戶可以在主頁上瀏覽朋友們的最新動態，如果每次頁面刷新都要重新加載所有朋友的動態，就會造成不必要的網絡延遲和資源浪費。而使用 Ajax 技術，則可以在不刷新頁面的情況下，通過異步請求獲取最新動態，只更新頁面上的部分內容。

下面是一個簡單的示例，通過 Ajax 技術實現在點擊按鈕時，更新頁面上的數據。

<button id="get-data-button">獲取數據</button>
<div id="data-container"></div>
<script>
// 獲取按鈕元素和數據容器元素
var getDataButton = document.getElementById('get-data-button');
var dataContainer = document.getElementById('data-container');
// 給按鈕添加點擊事件監聽
getDataButton.addEventListener('click', function() {
// 創建 XMLHttpRequest 對象
var xhr = new XMLHttpRequest();
// 設置請求方法和 URL
xhr.open('GET', 'https://example.com/data', true);
// 設置響應回調函數
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 獲取響應數據
var data = xhr.responseText;
// 更新數據容器內容
dataContainer.innerHTML = data;
}
};
// 發送請求
xhr.send();
});
</script>

在上面的代碼中，當用戶點擊按鈕時，通過異步請求獲取 `https://example.com/data` 的數據，并將數據更新到 `data-container` 元素中。

需要注意的是，雖然使用 Ajax 技術能夠在不刷新頁面的情況下更新數據，但仍然需要注意對用戶體驗的把控。例如，在長時間的數據加載過程中，可以通過顯示加載中的提示或加載動畫，使用戶對數據加載的進度有所了解，避免用戶感到頁面卡頓或無響應。

總之，Ajax 技術的出現使得網頁可以在不刷新頁面的情況下更新數據，極大地提升了網頁的用戶體驗。通過異步請求和處理響應數據，我們可以使用 Ajax 技術實現更加流暢和高效的網頁交互。