在Web開發中，我們經常會遇到需要在用戶點擊某個元素時實現異步請求的情況。這時，我們可以使用Ajax中的onclick事件來實現這個功能，從而提升用戶體驗。

例如，在一個電商網站中，當用戶點擊“添加到購物車”按鈕時，如果每次都刷新整個頁面來更新購物車的數量，那么用戶就會感到非常不便。而使用Ajax的onclick事件，我們可以在用戶點擊按鈕時發送一個請求，只更新購物車數量而不刷新整個頁面。

document.getElementById('add-to-cart-btn').onclick = function() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById('cart-count').innerText = xhr.responseText;
}
};
xhr.open('GET', 'updateCart.php', true);
xhr.send();
};

在上面的代碼中，我們首先通過getElementById方法獲取了一個id為“add-to-cart-btn”的按鈕元素，并通過onclick事件將一個函數綁定到了這個按鈕上。當用戶點擊按鈕時，該函數將會被調用。

在函數中，我們創建了一個XMLHttpRequest對象，該對象用于發送HTTP請求。然后，我們通過onreadystatechange事件來監聽請求的狀態變化。當請求的readyState屬性為4（請求已完成）且status屬性為200（請求成功）時，我們將會更新購物車數量。具體來說，我們將通過responseText屬性獲取到服務器返回的購物車數量，并將其更新到id為“cart-count”的元素上。

同時，我們通過open方法來設置請求的類型（GET）以及URL（updateCart.php），并通過send方法發送請求。

通過上述代碼，用戶在點擊“添加到購物車”按鈕時，不僅頁面不會被刷新，而且購物車數量還會實時更新，給用戶帶來更好的購物體驗。