AJAX（Asynchronous JavaScript and XML）即異步JavaScript和XML，是一種無需刷新整個頁面的技術，可以在后臺與服務器進行數據交互。一般來說，導航欄中的鏈接點擊后會跳轉到新頁面，這樣會導致整個頁面的刷新。然而，通過使用AJAX，我們可以實現在不刷新整個頁面的情況下導航對應內容的刷新。本文將通過舉例說明如何使用AJAX實現導航對應刷新。

假設我們有一個網站，其中有一個導航欄包含三個鏈接：首頁、關于我們和聯系我們。當用戶點擊導航欄中的鏈接時，相應頁面的內容應該刷新，但是不刷新整個頁面。為了實現這一目標，我們可以使用AJAX。

$('#home-link').click(function() {
$.ajax({
url: 'home.html',
type: 'GET',
success: function(data) {
$('#content').html(data);
}
});
});

上述代碼中，我們首先選中了導航欄中的“首頁”鏈接（使用了ID選擇器）。然后，我們通過使用jQuery中的click()方法來注冊一個點擊事件。當用戶點擊“首頁”鏈接時，回調函數將被執行。在這個回調函數中，我們發起一個AJAX請求。請求的URL是“home.html”，請求的類型是GET。如果請求成功，返回的數據將被插入到頁面中ID為“content”的元素中。

同樣的，我們可以通過類似的方式為其他導航鏈接添加點擊事件，并實現頁面內容的刷新。

$('#about-link').click(function() {
$.ajax({
url: 'about.html',
type: 'GET',
success: function(data) {
$('#content').html(data);
}
});
});
$('#contact-link').click(function() {
$.ajax({
url: 'contact.html',
type: 'GET',
success: function(data) {
$('#content').html(data);
}
});
});

上述代碼中，我們分別為“關于我們”和“聯系我們”鏈接添加了點擊事件。當用戶點擊相應鏈接時，會發起對應的AJAX請求，返回的數據將顯示在頁面的ID為“content”的元素中。

通過使用AJAX，我們可以實現在導航欄中點擊不同鏈接時僅刷新相應內容，而不需要刷新整個頁面。這大大提高了用戶體驗。