AJAX（Asynchronous JavaScript and XML）是一種利用JavaScript和XML（現在也可以使用JSON）來與服務器進行異步通信的技術。它能夠在不重新加載整個頁面的情況下，更新頁面的局部內容。

在AJAX中，通過使用HTTP協議來發送和接收數據是非常常見的。HTTP協議是互聯網上數據交換的基礎，它規定了客戶端和服務器之間的通信方式。通過使用HTTP協議，AJAX可以向服務器發起請求，并獲得服務器返回的數據。

舉個例子來說明，在一個網頁上有一個輸入框和一個按鈕。當用戶在輸入框中輸入關鍵字并點擊按鈕時，頁面不需要刷新，而是通過AJAX向服務器發送一個HTTP請求，請求服務器搜索相關內容。服務器會返回搜索結果，然后頁面通過AJAX將搜索結果展示在頁面的其他部分，而不需要重新加載整個頁面。

function search() {
var keyword = document.getElementById("keyword").value;
// 創建一個AJAX對象
var xhr = new XMLHttpRequest();
// 設置回調函數，處理服務器響應
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 處理服務器返回的數據
var response = xhr.responseText;
document.getElementById("searchResults").innerHTML = response;
}
}
// 打開一個HTTP GET請求
xhr.open("GET", "http://example.com/search?keyword=" + keyword, true);
// 發送請求
xhr.send();
}

上述代碼中，當用戶點擊按鈕時，搜索函數被調用。該函數首先獲取用戶在輸入框中輸入的關鍵字，然后創建了一個XMLHttpRequest對象（也就是所謂的AJAX對象）。這個對象用于發送HTTP請求，并設置了一個回調函數，用于處理服務器返回的數據。

在回調函數中，首先檢查HTTP請求是否成功完成（即xhr.readyState是否為XMLHttpRequest.DONE，xhr.status是否為200）。如果成功完成，就可以從xhr.responseText中獲取服務器返回的數據，并將其展示給用戶。

在這個例子中，AJAX使用HTTP協議來發送了一個GET請求到"http://example.com/search?keyword=" + keyword的URL。服務器根據傳入的關鍵字進行搜索，并返回相應的結果。AJAX將服務器返回的結果展示在頁面上。

除了GET請求，AJAX還可以發送POST請求來向服務器發送數據。舉個例子，假如我們有一個簡單的留言板網頁。用戶在輸入框中輸入留言，并點擊提交按鈕時，AJAX可以發送一個POST請求到服務器，將留言內容傳遞給服務器。

function submitMessage() {
var message = document.getElementById("message").value;
// 創建一個AJAX對象
var xhr = new XMLHttpRequest();
// 設置回調函數，處理服務器響應
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 處理服務器返回的數據
var response = xhr.responseText;
document.getElementById("messageBoard").innerHTML = response;
}
}
// 打開一個HTTP POST請求
xhr.open("POST", "http://example.com/submit", true);
// 設置請求頭部
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
// 發送請求，并將留言內容作為數據發送到服務器
xhr.send("message=" + encodeURIComponent(message));
}

在這個例子中，通過使用xhr.setRequestHeader函數設置了HTTP請求的請求頭部，指定了請求的Content-Type為"application/x-www-form-urlencoded"。然后，通過xhr.send函數將留言內容作為數據發送到服務器。服務器接收到數據后，可以進行相應的處理，并返回相應的結果給頁面。

這些例子僅僅展示了AJAX使用HTTP協議的一小部分功能。AJAX還可以用來向服務器發送PUT和DELETE請求，以及使用不同的HTTP方法（如OPTIONS、HEAD等）。通過使用HTTP協議，AJAX可以與服務器進行各種類型的通信，實現豐富多樣的功能。

總之，AJAX使用HTTP協議是一種非常強大的技術。它可以使頁面變得更加動態，用戶體驗更加流暢。通過合理的利用AJAX和HTTP協議，我們可以實現更加高效、靈活的Web應用程序。