Ajax是一種強大的技術，可以在不刷新整個網頁的情況下，通過異步通信的方式獲取后臺數據，通常是JSON或XML格式的數據。然而，有時候我們可能需要獲取整個網頁的HTML內容，而不僅僅是數據。本文將介紹如何使用Ajax來獲取網頁的HTML，并通過實例進行說明。
在進行Ajax操作之前，我們需要先引入jQuery庫，因為jQuery提供了方便的Ajax方法。假設我們想要獲取一個網頁上的標題和內容，那么我們可以使用以下代碼：

$.ajax({
url: "example.html",
method: "GET",
data: {},
success: function(response) {
var title = $(response).find("title").text();
var content = $(response).find("#content").html();
$("p#title").text(title);
$("p#content").html(content);
}
});

在上面的例子中，我們使用了$.ajax方法來發送GET請求，并指定了要獲取的URL地址為"example.html"。我們還指定了success回調函數，當請求成功后，該函數將會被執行。
在success函數中，我們首先將服務器返回的HTML內容轉換成jQuery對象，這樣我們就可以使用jQuery方法來操作它。例如，我們可以使用find方法來找到HTML中的title標簽，并使用text方法來獲取其文本內容。類似地，我們可以使用find方法和html方法來獲取與id為"content"的元素的內容。
最后，我們可以使用jQuery選擇器來選擇我們想要更新的HTML元素，并使用text方法或html方法來設置內容。在上面的例子中，我們選擇了id為"title"和"id"為"content"的p元素，并使用text方法和html方法來設置它們的內容。
使用Ajax獲取網頁的HTML內容的一個實際應用是網頁爬取。例如，我們想要獲取一個新聞網站上的所有新聞標題和內容，我們可以使用Ajax來獲取每篇新聞頁面的HTML內容，并提取所需信息。

$.ajax({
url: "news/list",
method: "GET",
data: {},
success: function(response) {
$(response).find("a.title").each(function() {
var newsUrl = $(this).attr("href");
$.ajax({
url: newsUrl,
method: "GET",
data: {},
success: function(newsResponse) {
var title = $(newsResponse).find("h1.title").text();
var content = $(newsResponse).find("div.content").html();
$("div.news-container").append("<div><h1>" + title + "</h1><div>" + content + "</div></div>");
}
});
});
}
});

在上面的例子中，我們首先使用Ajax獲取新聞列表頁面的HTML內容。然后，我們使用find方法找到所有新聞標題的鏈接，并使用each方法遍歷它們。
在每次遍歷時，我們獲取新聞頁面的URL，并使用一個嵌套的Ajax請求來獲取該頁面的HTML內容。然后，我們提取標題和內容，并將它們添加到一個新聞容器中。
通過上面的例子，我們可以看到，通過使用Ajax來獲取網頁的HTML內容，我們可以方便地提取所需信息，并進行一些特定的處理。無論是展示網頁內容還是進行網頁爬取，Ajax都能提供簡單高效的解決方案。