在現代互聯網時代，網頁開發已成為一項非常重要的技術。為了提高網頁的用戶體驗，我們通常需要在不刷新整個網頁的情況下，動態獲得部分網頁內容。這就是Ajax的用武之地。Ajax是一種運用JavaScript和XML技術的網頁開發技術，可以異步地向服務器請求數據，然后更新網頁上的部分內容。下面，我們將詳細探討如何使用Ajax獲取當前網頁內容的方法和實例。

在使用Ajax獲取當前網頁內容之前，我們首先需要明確一個問題，就是什么是當前網頁內容。當前網頁內容指的是用戶正在瀏覽的網頁中的各個元素、文本等信息。為了演示方便，我們以一個簡單的例子來說明。假設我們的網頁中有一個顯示當前時間的元素。現在，我們想要通過Ajax獲取當前時間并更新到元素中。

為了實現這個功能，我們需要使用一些基于Ajax的JavaScript庫，如jQuery。jQuery是一個功能強大的JavaScript庫，可以簡化前端開發的很多工作。下面是使用jQuery進行Ajax操作的示例代碼。

// 使用jQuery的$.ajax()方法發送請求
$.ajax({
url: "getCurrentTime.php", // 后臺處理時間的腳本文件
method: "GET",
success: function(response) {
// 成功獲取到時間，將其更新到頁面上的<span id="time">元素中
$("#time").text(response);
},
error: function() {
// 獲取時間失敗的處理
console.log("獲取時間失敗！");
}
});

在上面的示例代碼中，我們使用了jQuery的$.ajax()方法發送了一個GET請求。請求的URL是"getCurrentTime.php"，這是一個后臺處理時間的腳本文件。當請求成功返回后，會調用success回調函數。在這個回調函數中，我們將返回的時間數據更新到頁面中的元素中，通過使用jQuery的text()方法來實現。如果請求失敗，則會調用error回調函數。

除了使用jQuery之外，我們還可以直接使用原生的JavaScript來實現Ajax獲取當前網頁內容的功能。下面的示例代碼展示了如何使用原生的JavaScript進行Ajax操作。

// 創建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 發送GET請求
xhr.open("GET", "getCurrentTime.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 成功獲取到時間，將其更新到頁面上的<span id="time">元素中
document.getElementById("time").textContent = xhr.responseText;
} else {
// 獲取時間失敗的處理
console.log("獲取時間失敗！");
}
}
};
xhr.send();

在上面的代碼中，我們首先使用XMLHttpRequest對象創建了一個AJAX請求。然后，通過調用open()方法來設置請求的URL，使用GET方法發送請求。在onreadystatechange事件中，我們判斷請求的狀態是否為XMLHttpRequest.DONE，并檢查返回的狀態碼是否為200。如果滿足條件，則表示請求成功，我們將返回的時間數據更新到頁面中的元素中，通過使用textContent屬性來實現。如果請求失敗，則會輸出錯誤信息到控制臺。

通過上述示例代碼，我們可以看到，使用Ajax來獲取當前網頁內容可以大大提高用戶體驗。無需刷新整個網頁，只需要局部更新頁面的內容，就可以實現動態展示最新的數據。這不僅可以減少服務器的負載，還能讓用戶感受到更快速的網絡響應速度。因此，在網頁開發中，我們應該積極運用Ajax技術來提升用戶體驗。