本文將介紹如何使用AJAX獲取網頁的HTML源碼。AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式網頁應用程序的技術，在網頁開發中非常常見。通過使用AJAX，我們可以在不刷新整個網頁的情況下獲取特定網頁的內容。而獲取HTML源碼則是其中的一種常見需求，比如在爬蟲、數據分析等領域中。接下來的內容將詳細介紹如何使用AJAX獲取HTML源碼的方法和技巧。
下面我們通過一個簡單的例子來說明如何使用AJAX獲取HTML源碼。假設我們想要獲取知乎網站上某個問題頁面的HTML源碼。首先，我們需要創建一個可以顯示結果的HTML頁面，比如一個具有textarea元素和一個按鈕的表單。用戶可以在textarea中輸入一個知乎問題的URL，然后點擊按鈕來觸發AJAX獲取HTML源碼的操作。接下來我們將使用JavaScript代碼來實現這個功能。

<!-- HTML代碼 -->
<form id="myForm">
<label for="url">問題URL: </label>
<textarea id="url" rows="4" cols="50"></textarea>
<br>
<button type="button" onclick="fetchHTML()">獲取HTML源碼</button>
</form>
<script>
function fetchHTML() {
var url = document.getElementById("url").value;
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var htmlSource = this.responseText;
alert(htmlSource);
}
};
xhttp.open("GET", url, true);
xhttp.send();
}
</script>

在上面的代碼中，我們首先使用DOM API獲取用戶在textarea中輸入的URL。然后，我們創建一個XMLHttpRequest對象，并為其設置onreadystatechange事件處理程序。當AJAX請求的狀態發生變化時，onreadystatechange函數將被調用。在這個函數中，我們首先判斷AJAX請求是否已完成（readyState是否等于4）并且成功（status是否等于200）。如果滿足這兩個條件，我們就可以獲得服務器返回的HTML源碼。在這個例子中，我們簡單地使用alert彈出獲取到的HTML源碼，你可以根據實際需求將其用作其他用途。

通過上面的例子，你應該能夠理解如何使用AJAX獲取HTML源碼了。不過需要注意的是，由于AJAX存在跨域限制，你只能獲取與你的網頁處于同一域名或支持跨域訪問的網頁的HTML源碼。如果你要獲取的網頁不滿足這個條件，你可以考慮使用服務器端代理或其他技術來解決這個問題。此外，你還可以使用AJAX向服務器發送其他類型的請求，比如POST請求，以滿足不同的需求。

總之，AJAX是一個非常有用的技術，可以幫助我們在網頁上實現許多復雜的功能。獲取HTML源碼只是其中的一個應用。希望本文對你理解和應用AJAX獲取HTML源碼有所幫助。