在現代的Web開發中，Ajax（Asynchronous JavaScript and XML）是一種常用的技術，它可以使網頁在不刷新的情況下與服務器進行交互。Ajax通過使用JavaScript和XMLHttpRequest對象，可以向服務器發送請求并獲取頁面代碼，使得頁面局部更新成為可能。下面將介紹Ajax如何獲取頁面代碼，并通過具體的實例來進行說明。

首先，我們需要創建一個XMLHttpRequest對象，以便發送Ajax請求。通過調用XMLHttpRequest的open()方法來指定請求的方法、URL以及是否采用異步方式。下面是一個使用Ajax獲取頁面代碼的例子：

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

上述代碼會向"http://example.com/page.html"發送一個GET請求，并采用異步方式進行通信。當服務器返回響應時，我們可以通過監聽XMLHttpRequest對象的onreadystatechange事件，來獲取頁面代碼。一般而言，我們會在XMLHttpRequest的readyState屬性值變為4（即請求已完成并且響應已就緒）時，進行處理。下面的代碼演示了如何獲取頁面代碼：

xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var pageCode = xhr.responseText;
console.log(pageCode);
}
};

上述代碼中，通過XMLHttpRequest對象的responseText屬性，我們可以獲取到服務器返回的頁面代碼。在控制臺中輸出頁面代碼，你會看到整個頁面的HTML結構。

當然，Ajax并不僅限于GET方法的請求，它也支持POST方法。下面是一個使用POST方法獲取頁面代碼的例子：

var xhr = new XMLHttpRequest();
xhr.open("POST", "http://example.com/page.html", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("param1=value1¶m2=value2");

在這個例子中，我們需要使用XMLHttpRequest對象的setRequestHeader()方法，將請求頭中的Content-Type設置為"application/x-www-form-urlencoded"，并通過send()方法發送請求參數。然后，通過監聽XMLHttpRequest對象的onreadystatechange事件，我們可以獲取服務器返回的頁面代碼。

除了直接獲取頁面代碼，Ajax還可以獲取頁面中的特定數據。一種常見的做法是，服務器返回JSON格式的數據，然后通過JavaScript將數據解析為對象或數組，并使用這些數據來更新頁面。下面是一個示例：

xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var responseData = JSON.parse(xhr.responseText);
console.log(responseData);
// 對數據進行處理，更新頁面
}
};

在這個例子中，服務器返回的是一個JSON字符串，我們通過JSON.parse()方法將其轉換為JavaScript對象，并通過處理該對象來更新頁面。

綜上所述，通過Ajax可以輕松地獲取頁面代碼，并且可以用于獲取特定數據。無論是使用GET方法還是POST方法，我們只需要創建一個XMLHttpRequest對象，進行相關的配置，然后發送請求即可。通過監聽XMLHttpRequest對象的onreadystatechange事件，我們可以在服務器返回響應時獲取頁面代碼或特定數據，并對其進行處理。Ajax的使用大大提升了用戶體驗，使得頁面在不刷新的情況下可以動態地更新，提供更加豐富和靈活的交互效果。