Ajax(Asynchronous JavaScript and XML)是一種用于創建動態網頁的技術，通過在后臺與服務器進行數據交換，可以使網頁在不刷新的情況下更新內容。在網頁開發中，經常會使用Ajax來實現左側菜單右側顯示的效果。這種效果可以讓用戶在點擊左側菜單時，右側內容區域即時更新并顯示相應的內容，提供更好的用戶體驗。

舉個例子，假設我們正在開發一個電子商務網站，其中有一個商品分類的左側菜單，右側則顯示對應分類的商品列表。當用戶點擊左側菜單的某個分類時，頁面不會刷新，而是通過Ajax技術，向服務器請求對應分類的商品數據，并將數據使用JavaScript動態更新到右側的商品列表中。這樣，用戶可以實時瀏覽不同分類的商品，提高了用戶的購物體驗。

下面是一個使用Ajax實現左側菜單右側顯示的示例代碼：

HTML部分：
<div id="menu">
<ul>
<li><a href="#" onclick="loadContent(1)">菜單1</a></li>
<li><a href="#" onclick="loadContent(2)">菜單2</a></li>
<li><a href="#" onclick="loadContent(3)">菜單3</a></li>
</ul>
</div>
<div id="content">
<p>默認顯示的內容</p>
</div>
JavaScript部分：
function loadContent(menuId) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
document.getElementById("content").innerHTML = xhr.responseText;
}
}
xhr.open("GET", "get_content.php?menu_id=" + menuId, true);
xhr.send();
}

在這個示例中，左側菜單部分使用<ul>和<li>標簽創建，每個菜單項都綁定了一個onclick事件，當用戶點擊菜單項時，會調用loadContent函數，并將對應的菜單ID作為參數傳入。

loadContent函數是使用原生JavaScript實現的。它首先創建一個XMLHttpRequest對象，然后定義onreadystatechange事件，當服務器返回的響應狀態為4（完成）且狀態碼為200（成功）時，將服務器返回的響應內容更新到右側的內容區域中。

在加載內容時，我們將菜單ID作為參數，將其拼接到請求URL中的查詢字符串部分，這樣服務器端就可以根據菜單ID來動態生成對應的內容數據。例如，當用戶點擊菜單1時，URL變為"get_content.php?menu_id=1"，服務器端可以根據menu_id參數來查詢數據庫，并返回該菜單對應的內容。

通過這種方式，我們可以實現左側菜單右側顯示的效果。由于使用了Ajax技術，頁面不會刷新，而是通過異步請求和動態更新，提供更流暢的用戶體驗。

Ajax左側菜單右側顯示的效果在很多網頁應用中都得到了廣泛應用。無論是電子商務網站、論壇還是個人博客，都可以使用這種方式實現動態內容的更新。通過使用Ajax技術，我們可以提高網頁的交互性和響應速度，為用戶提供更好的體驗。