Ajax是一種常見的前端技術，用于實現無頁面刷新的實時交互。在網頁聊天應用中廣泛應用Ajax技術，使得用戶可以實時收發消息，提高了用戶體驗。本文將介紹如何使用Ajax技術實現一個基于HTML的在線聊天功能。

首先，我們需要先準備聊天界面的HTML和CSS代碼。聊天界面通常由兩個部分組成：消息展示區和消息輸入區。消息展示區用于顯示聊天記錄，消息輸入區用于用戶輸入新消息。

<div id="message-display"></div>
<div id="message-input">
<input type="text" id="message" placeholder="請輸入消息" />
<button id="send">發送</button>
</div>

上述代碼片段中，我們使用了一個帶有唯一ID的div元素來展示聊天記錄，另外一個帶有唯一ID的div元素包含了一個文本框和一個發送按鈕，用于用戶輸入和發送新消息。

接下來，我們需要使用JavaScript來實現Ajax請求。首先，我們需要監聽發送按鈕的點擊事件，當用戶點擊發送按鈕時，我們將讀取用戶輸入的消息，并將其發送到服務器端。

var sendButton = document.getElementById("send");
sendButton.addEventListener("click", function() {
var message = document.getElementById("message").value;
sendChatMessage(message);
});

上述代碼片段中，我們通過getElementById方法獲取到發送按鈕的DOM元素，并為其添加一個點擊事件監聽器。在監聽器中，首先獲取用戶輸入的消息內容，然后調用sendChatMessage函數發送Ajax請求。

接下來，我們需要編寫sendChatMessage函數來發送Ajax請求。在該函數中，我們將使用XMLHttpRequest對象來發送POST請求，并將用戶輸入的消息作為請求的數據。

function sendChatMessage(message) {
var xhr = new XMLHttpRequest();
xhr.open("POST", "/send", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log("消息發送成功！");
}
};
xhr.send("message=" + encodeURIComponent(message));
}

上述代碼片段中，我們首先創建了一個XMLHttpRequest對象，并使用open方法指定了POST請求的URL。然后，通過setRequestHeader方法設置了請求頭的Content-Type屬性為application/x-www-form-urlencoded，表示請求的數據是以URL編碼的形式發送的。接著，我們通過send方法發送了包含用戶輸入消息的POST請求。

在服務器端接收到消息后，可以進行一些處理操作，比如保存消息到數據庫或者轉發給其他用戶。這里我們使用一個簡單的例子來說明，假設服務器接收到消息后，會將消息以廣播的形式發送給所有在線用戶。

app.post("/send", function(req, res) {
var message = req.body.message;
broadcastMessage(message);
res.send("消息發送成功！");
})

上述代碼片段使用了一個假想的服務器端框架，當接收到消息后，首先獲取消息內容，然后調用broadcastMessage函數將消息廣播給所有在線用戶。最后，服務器端返回一個響應，表示消息發送成功。

在客戶端接收到服務器端的響應后，可以進行一些處理操作，比如在聊天界面上顯示發送成功的提示信息。

xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
console.log(response);  // 輸出：消息發送成功！
}
};

上述代碼片段中，我們通過XMLHttpRequest對象的responseText屬性獲取到服務器端返回的響應內容，并將其輸出到控制臺上。

綜上所述，通過使用Ajax技術，我們可以在HTML頁面上實現一個簡單的在線聊天功能。用戶可以實時收發消息，提高了用戶體驗。當然，上述示例只是一個簡單示例，實際的在線聊天應用中還有許多細節需要考慮，比如消息的格式、用戶身份驗證、消息的存儲和調度等。