AJAX（Asynchronous JavaScript and XML）是一種用于在Web頁面上異步獲取數據的技術。通過AJAX，我們可以在不需要刷新整個頁面的情況下，與服務器進行通信并更新部分頁面內容。本文將重點介紹如何利用AJAX來獲取HTML代碼。

在實際應用中，我們經常會遇到需要在網頁中獲取外部HTML代碼的情況。例如，我們可以通過AJAX從服務器上獲取一個新聞網站的頭條新聞，并將其插入到頁面中的一個特定區域。下面是一個簡單的例子，展示了如何使用AJAX獲取外部HTML代碼：

// 創建一個AJAX對象
var xhr = new XMLHttpRequest();
// 指定需要獲取的HTML文件的URL
var url = "https://www.example.com/news.html";
// 發送AJAX請求
xhr.open("GET", url, true);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
// 獲取返回的HTML代碼
var response = xhr.responseText;
// 將返回的HTML代碼插入到頁面中
document.getElementById("news").innerHTML = response;
}
};
xhr.send();

在上述代碼中，我們首先創建了一個XMLHttpRequest對象（即xhr對象），然后使用open方法指定了需要獲取的HTML文件的URL。接下來，我們通過send方法發送了一個GET請求，然后通過onreadystatechange事件監聽請求的狀態。當請求的狀態為4（即完成）并且返回的HTTP狀態碼為200（即成功）時，我們就可以獲取到獲取到的HTML代碼，并將其插入到頁面中指定的區域（例如，id為“news”的元素）。

除了使用XMLHttpRequest對象，我們還可以使用jQuery等JavaScript庫來簡化AJAX請求的過程。jQuery提供了一個方便的方法——$.ajax，可以更加簡潔地獲取HTML代碼。下面是使用jQuery的示例：

// 指定需要獲取的HTML文件的URL
var url = "https://www.example.com/news.html";
// 發送AJAX請求
$.ajax({
url: url,
success: function (response) {
// 將返回的HTML代碼插入到頁面中
$("#news").html(response);
}
});

通過以上代碼，我們不僅可以輕松地獲取HTML代碼，還可以使用jQuery的強大選擇器和操作方法，對返回的HTML進行進一步處理。

總之，AJAX是一種強大的技術，可以幫助我們獲取外部HTML代碼并在頁面中進行展示和處理。無論是通過原生的XMLHttpRequest對象還是使用JavaScript庫，我們都可以方便地使用AJAX來實現這個目標。