AJAX（Asynchronous JavaScript And XML）即異步 JavaScript 和 XML，是一種用于創建快速動態網頁的技術。它利用 JavaScript 和各種瀏覽器內置的 API，通過在后臺與服務器進行數據交換，實現頁面的局部刷新。通過 AJAX，我們可以在不刷新整個頁面的情況下，更新網站的某個部分。這極大地提高了用戶體驗，減少了服務器的壓力。

舉個例子，假設我們正在一個在線購物網站瀏覽商品列表。當我們點擊某個商品的詳細信息時，傳統的方法是打開一個新的頁面來展示該商品的詳細信息，然后用戶需要點擊返回按鈕回到商品列表頁。而通過使用 AJAX，我們可以在當前頁面上動態加載該商品的詳細信息，用戶可以直接在當前頁上查看到更多信息，無需離開當前頁面。

要實現局部更換網站的功能，我們首先需要了解 AJAX 的基本原理。AJAX 主要是通過 JavaScript 發起 HTTP 請求，向服務器請求數據，并利用 JavaScript 解析和處理返回的數據。下面是一個基本的 AJAX 請求的示例：

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
document.getElementById("content").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "server.php", true);
xmlhttp.send();

在上例中，我們創建了一個 XMLHttpRequest 對象，并指定了回調函數?；卣{函數會在 AJAX 請求的狀態發生改變時被觸發。我們打開了一個 GET 請求，向 "server.php" 發送請求，并將請求返回的數據替換了 id 為 "content" 的元素的內容。

在網站開發中，我們通常會將 AJAX 請求封裝成一個函數，以方便重復使用。下面是一個簡單的封裝函數的示例：

function ajaxRequest(method, url, data, callback) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
callback(this.responseText);
}
};
xmlhttp.open(method, url, true);
xmlhttp.send(data);
}
ajaxRequest("GET", "server.php", null, function(response) {
document.getElementById("content").innerHTML = response;
});

通過封裝成函數，我們可以更方便地發起不同類型的 AJAX 請求，并在請求完成后執行指定的回調函數。

除了原生的 XMLHttpRequest 對象，我們還可以使用 jQuery 提供的 AJAX 方法來實現局部更換網站的效果。jQuery 的 AJAX 方法在使用時更加簡潔，并且可以兼容不同的瀏覽器。

$.ajax({
url: "server.php",
method: "GET",
success: function(response) {
$("#content").html(response);
}
});

上述代碼使用 jQuery 的 AJAX 方法發起了一個 GET 請求，并在請求成功后將返回的數據替換了 id 為 "content" 的元素的內容。

總的來說，利用 AJAX 實現局部更換網站的效果可以大大提高用戶體驗和網站的性能。通過動態更新網頁的一部分，用戶可以更方便快捷地獲取所需信息。而服務器也可以減少不必要的請求和數據傳輸，從而提高整體的響應速度。因此，在網站開發中，合理使用 AJAX 技術是非常有益的。