AJAX（Asynchronous JavaScript and XML）是一種在網頁中實現異步數據交互的技術。它可以在不刷新整個頁面的情況下，向服務器發送請求并接收響應，然后通過JavaScript對返回的數據進行處理。通過使用AJAX，我們可以實現更加流暢的用戶體驗，減少對服務器的請求次數，提高網頁的響應速度。下面將通過一個實例來演示AJAX對數據的處理。

假設我們有一個簡單的留言板功能，在網頁上顯示已經發布的留言和一個表單，用戶可以在表單中輸入留言內容并提交。我們希望在用戶提交留言后，無需刷新頁面就能夠將新增的留言添加到留言列表的末尾。為了實現這個功能，我們可以使用AJAX來處理數據。

首先，我們需要監聽表單的提交事件，并通過AJAX向服務器發送請求。在代碼中添加以下代碼：

document.getElementById('comment-form').addEventListener('submit', function(event) {
event.preventDefault();  // 阻止表單的默認提交行為
var comment = document.getElementById('comment-input').value;  // 獲取用戶輸入的留言內容
var xhr = new XMLHttpRequest();  // 創建XHR對象
xhr.open('POST', '/addComment', true);  // 設置請求方法、URL和是否異步
xhr.setRequestHeader('Content-Type', 'application/json');  // 設置請求頭部
xhr.onreadystatechange = function() {  // 監聽XHR對象的狀態變化
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {  // 請求完成且成功
var newComment = JSON.parse(xhr.responseText);  // 將返回的JSON數據解析為對象
var commentList = document.getElementById('comment-list');
var newCommentElement = document.createElement('div');
newCommentElement.textContent = newComment.content;
commentList.appendChild(newCommentElement);
document.getElementById('comment-input').value = '';  // 清空輸入框內容
}
};
xhr.send(JSON.stringify({content: comment}));  // 發送請求并傳遞留言內容
});

上述代碼中，我們使用了addEventListener方法來監聽表單的提交事件，并通過preventDefault方法阻止表單的默認提交行為。然后，我們獲取用戶輸入的留言內容，并創建了一個XMLHttpRequest對象（XHR）。接下來，我們使用open方法設置請求的方法為POST，并指定URL和是否異步。然后，我們通過setRequestHeader方法設置了請求頭部的Content-Type為application/json，表示我們將發送JSON格式的數據。接著，我們通過onreadystatechange方法監聽XHR對象的狀態變化，并在狀態變化到XMLHttpRequest.DONE且狀態碼為200時，表示請求已經完成且成功。此時，我們取出返回的JSON數據并解析為對象，然后將新的留言追加到留言列表中，并將輸入框的內容清空。

以上就是一個簡單的利用AJAX處理數據的例子。通過使用AJAX，我們實現了在用戶提交留言后，無需刷新整個頁面就能夠將新增的留言添加到留言列表的末尾。這種技術不僅提高了用戶的體驗，還減少了對服務器的請求次數，提高了網頁的響應速度。AJAX在實際開發中有很多應用場景，如加載更多數據、實時搜索、以及動態更新內容等。