Ajax（Asynchronous JavaScript and XML）是一種用于向服務器請求并加載數據的技術，它在不刷新整個頁面的情況下更新網頁內容。通過Ajax，我們可以實現在用戶進行操作時，部分頁面內容的異步加載和更新。例如，在一個在線購物網站上，當用戶點擊“加入購物車”按鈕時，可以通過Ajax請求更新購物車數量，而不需要刷新整個頁面。本文將詳細介紹Ajax加載別的頁面內容的過程，并給出一些具體的示例。

要實現Ajax加載別的頁面內容，首先我們需要使用JavaScript中的XMLHttpRequest對象向服務器發送請求。下面是一個基本的Ajax請求的示例：

var xhr = new XMLHttpRequest(); 
xhr.open('GET', 'https://example.com/other_page', true); 
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var response = xhr.responseText; 
document.getElementById('content').innerHTML = response; 
} else {
console.log('請求失敗');
}
}
};
xhr.send();

在上面的示例中，我們創建了一個XMLHttpRequest對象并向服務器發送了一個GET請求。當服務器響應完成后，我們會檢查響應狀態碼（status）來判斷請求是否成功。如果狀態碼為200，表示請求成功，我們可以通過responseText屬性獲取服務器返回的內容，并將其更新到頁面中的某個元素（例如id為"content"的元素）中，實現頁面內容的異步加載。

下面我們來看一個具體的例子：假設我們有一個新聞網站，想要實現點擊導航欄中的某個新聞分類時，通過Ajax加載該分類的新聞列表。我們可以在導航欄中的每個鏈接上綁定一個點擊事件，當用戶點擊某個鏈接時，觸發Ajax請求并更新新聞列表。示例代碼如下：

var links = document.getElementsByClassName('category-link');  
for (var i = 0; i< links.length; i++) {
links[i].addEventListener('click', function(e) {
e.preventDefault(); 
var category = this.dataset.category; 
loadNews(category); 
});
}
function loadNews(category) {
var xhr = new XMLHttpRequest(); 
xhr.open('GET', 'https://example.com/news?category=' + category, true); 
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var response = xhr.responseText; 
document.getElementById('news-list').innerHTML = response; 
} else {
console.log('請求失敗');
}
}
};
xhr.send();
}

在上面的代碼中，我們首先使用getElementsByClassName函數獲取所有具有"class"屬性為"category-link"的鏈接元素，并綁定了一個點擊事件。當用戶點擊某個鏈接時，我們會阻止默認的鏈接跳轉行為（使用preventDefault函數），并調用loadNews函數發送Ajax請求。loadNews函數中，我們會根據點擊的鏈接的"data-category"屬性值構造請求URL，并將返回的新聞列表更新到id為"news-list"的元素中。

通過上面的示例，我們可以看到Ajax加載別的頁面內容可以實現網頁內容的局部刷新，提升用戶體驗。在實際開發中，我們可以根據具體需求使用Ajax加載相關的頁面內容，例如評論區的動態更新、聊天消息的實時刷新等，以滿足用戶的交互需求。