在網頁開發中，當我們需要動態加載并顯示一個新的網頁內容時，我們可以使用Ajax來實現。Ajax是一種在不刷新整個網頁的情況下，通過后臺與服務器進行數據交換和頁面更新的技術。本文將介紹如何使用Ajax請求一個新的網頁，并通過具體的舉例說明。

首先，我們需要創建一個XMLHttpRequest對象，以便與服務器進行通信。然后，我們可以使用該對象的open()方法來指定請求的方式（GET或POST）、URL和是否異步。例如，以下是一個發送GET請求的示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/new-page', true);
xhr.send();

在上述示例中，我們創建了一個XMLHttpRequest對象并打開了一個GET請求，請求的目標URL為http://example.com/new-page。然后，通過調用send()方法發送請求。

接下來，我們可以通過監聽XMLHttpRequest對象的readystatechange事件來獲取服務器響應的數據。例如，以下是一個獲取服務器響應文本的示例：

xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.error('請求發生錯誤');
}
}
};

在上述示例中，我們通過判斷XMLHttpRequest對象的readyState屬性是否等于XMLHttpRequest.DONE來確定服務器響應已完成。然后，我們再通過判斷XMLHttpRequest對象的status屬性是否等于200來確定請求是否成功。如果請求成功，則我們可以通過xhr.responseText屬性來獲取服務器返回的響應文本。

最后，我們可以將獲取到的服務器響應內容用于更新當前網頁的內容。例如，我們可以將響應內容直接顯示在一個指定的HTML元素中。以下是一個將響應內容顯示在

var targetElement = document.getElementById('target');
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
targetElement.innerHTML = xhr.responseText;
} else {
targetElement.innerHTML = '請求發生錯誤';
}
}
};