AJAX（Asynchronous JavaScript and XML）是一種在網頁中進行異步數據交互的技術。它通過在后臺與服務器進行少量數據交換，而不需要重新加載整個網頁，實現了在不刷新頁面的情況下更新部分網頁內容的功能。HTTP請求是AJAX實現的基礎，通過發送HTTP請求，可以從服務器端獲取數據或將數據發送到服務器端。本文將介紹AJAX和HTTP請求的關系，以及如何使用AJAX來發送HTTP請求。

在AJAX中，我們可以使用不同的HTTP請求方法來與服務器進行數據交換。最常用的HTTP請求方法是GET和POST。GET請求用于從服務器獲取數據，而POST請求則用于向服務器發送數據。下面我們將通過一個例子來具體了解AJAX和HTTP請求的用法。

假設我們有一個用戶評論功能，用戶可以在網頁中提交評論，并將其保存到數據庫中。當用戶點擊提交按鈕時，我們可以使用AJAX發送一個POST請求到服務器，將評論內容發送給服務器。服務器收到請求后，將評論保存到數據庫中，并返回一個成功或失敗的響應。

var comment = document.getElementById("comment").value;  // 獲取用戶輸入的評論內容
var xhr = new XMLHttpRequest();  // 創建XMLHttpRequest對象
xhr.open("POST", "save_comment.php", true);  // 打開與服務器的連接，指定請求的URL和請求方式
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");  // 設置請求頭，告知服務器請求數據的類型
xhr.onreadystatechange = function() {  // 監聽響應狀態的變化
if (xhr.readyState === 4 && xhr.status === 200) {  // 當響應狀態為4（請求已完成）且響應狀態碼為200（請求成功）時
var response = xhr.responseText;  // 獲取服務器返回的響應內容
if (response === "success") {
alert("評論提交成功！");
} else {
alert("評論提交失敗！");
}
}
};
xhr.send("comment=" + comment);  // 發送POST請求，將評論內容作為請求參數發送給服務器

在上面的例子中，我們首先通過document.getElementById()方法獲取用戶輸入的評論內容，并將其保存到comment變量中。

接下來，我們創建了一個XMLHttpRequest對象，并使用open()方法打開與服務器的連接。這里我們使用了POST請求方式，并指定了要發送請求的URL。

然后，通過setRequestHeader()方法設置了請求頭，將請求數據的類型設置為application/x-www-form-urlencoded，以告知服務器我們將發送表單數據。

我們還使用了onreadystatechange事件監聽器來監控響應狀態的變化。當響應狀態為4（請求已完成）且響應狀態碼為200（請求成功）時，我們通過responseText屬性獲取服務器返回的響應內容。如果響應內容為success，則提示用戶評論提交成功；否則，提示評論提交失敗。

最后，我們使用send()方法發送POST請求，將評論內容作為請求參數發送給服務器。

通過上述例子，我們可以看出，AJAX和HTTP請求是相輔相成的。AJAX通過HTTP請求實現與服務器的數據交換，從而實現了網頁的部分更新，提升了用戶體驗。在實際開發中，我們可以根據需求選擇GET或POST請求，并根據服務器返回的響應做出相應的處理。

總之，AJAX和HTTP請求的結合為網頁的交互提供了更多的可能性，使得我們能夠以更高效和靈活的方式與服務器進行數據交互，從而適應不同的業務需求。