本文將介紹關(guān)于使用Ajax獲取返回的HTML的方法，并通過舉例進(jìn)行說明。Ajax是一種利用JavaScript和XML來進(jìn)行客戶端和服務(wù)器之間的數(shù)據(jù)交互的技術(shù)。在網(wǎng)頁開發(fā)中，經(jīng)常需要在不刷新整個(gè)頁面的情況下更新部分頁面內(nèi)容，這時(shí)可以使用Ajax來獲取服務(wù)器端返回的HTML代碼，并將其插入到頁面中。

下面以一個(gè)簡單的例子來說明如何使用Ajax獲取返回的HTML代碼。假設(shè)有一個(gè)網(wǎng)頁上有一個(gè)按鈕，點(diǎn)擊按鈕后使用Ajax從服務(wù)器端獲取返回的HTML，并將其展示在頁面上的div元素中。

function loadContent() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("content").innerHTML = this.responseText;
}
};
xhttp.open("GET", "example.php", true);
xhttp.send();
}

上述代碼中，我們使用了XMLHttpRequest對象來創(chuàng)建一個(gè)HTTP請求。通過傳入的URL獲取服務(wù)器端返回的HTML代碼。當(dāng)readyState為4（請求已完成）并且status為200（成功）時(shí)，將服務(wù)器端返回的HTML代碼設(shè)置到頁面中的div元素中。

在上面的例子中，我們使用了GET方法來獲取服務(wù)器端返回的HTML，也可以使用POST方法。下面是一個(gè)使用POST方法獲取返回的HTML的例子：

function loadContent() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("content").innerHTML = this.responseText;
}
};
xhttp.open("POST", "example.php", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("param1=value1¶m2=value2");
}

上面的例子中，我們在open方法中使用了POST作為請求的方法，并且通過setRequestHeader方法設(shè)置Content-type為application/x-www-form-urlencoded。同時(shí)，我們通過send方法將請求的參數(shù)以字符串的形式發(fā)送到服務(wù)器端。

Ajax技術(shù)在實(shí)際應(yīng)用中有很多開發(fā)場景，如加載更多內(nèi)容、實(shí)時(shí)搜索等。通過使用Ajax獲取返回的HTML代碼，我們可以實(shí)現(xiàn)更加動態(tài)和用戶友好的頁面交互效果。

總之，通過使用Ajax獲取返回的HTML代碼，我們可以在不刷新整個(gè)頁面的情況下動態(tài)地更新部分頁面內(nèi)容。無論是使用GET方法還是POST方法，我們都可以通過設(shè)置相應(yīng)的參數(shù)和請求頭來獲取服務(wù)器端返回的HTML代碼。通過Ajax技術(shù)，我們可以實(shí)現(xiàn)更加豐富和靈活的頁面交互效果。