在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方法发送请求。

通过上述代码，用户在点击“添加到购物车”按钮时，不仅页面不会被刷新，而且购物车数量还会实时更新，给用户带来更好的购物体验。