Ajax是一種用于在前端和后端之間進行異步數據傳輸的技術，通過使用Ajax，前端可以向服務端發送數據并獲取響應，而不需要刷新頁面。這種技術在現代的Web開發中被廣泛應用，在許多場景中都能發揮重要作用。

假設我們正在開發一個在線圖書商城的網站，用戶可以在該網站上搜索圖書并將感興趣的圖書添加到購物車中。當用戶點擊“添加到購物車”按鈕時，我們希望將該圖書的信息發送到服務端，以便進行購物車的更新操作。此時，Ajax技術可以派上用場。

在HTML頁面中，我們可以使用JavaScript編寫一個Ajax請求函數，用于向服務端發送數據。下面是一個示例代碼：

function sendBookInfo(bookId) {
var xhr = new XMLHttpRequest();
var url = "https://example.com/addToCart";
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 進行相應的處理
}
};
var data = {
bookId: bookId
};
xhr.send(JSON.stringify(data));
}

上述代碼中的sendBookInfo函數用于發送圖書信息到服務端。首先，我們創建了一個XMLHttpRequest對象，并指定了請求的URL地址。接下來，我們調用open方法指定請求的類型和地址，并設置了請求頭信息，告訴服務端我們發送的數據是JSON格式的。然后，我們設置了onreadystatechange事件的回調函數，該函數會在接收到服務端響應時被調用。最后，我們調用send方法發送請求，并以JSON字符串的形式發送圖書信息。

當用戶點擊“添加到購物車”按鈕時，可以通過調用sendBookInfo函數將圖書信息發送到服務端。服務端收到請求后，可以處理數據并返回相應的結果。在上述示例代碼中，我們定義了onreadystatechange事件的回調函數，該函數會在接收到服務端響應時被調用。在這個回調函數中，我們首先檢查請求的狀態和響應的狀態碼是否都是正確的，然后可以對返回的結果進行處理。

通過使用Ajax技術，我們可以實現在不刷新頁面的情況下向服務端發送數據，并在接收到服務端的響應后做出相應的處理。例如，在上述示例中，我們可以根據服務端返回的結果更新購物車的顯示內容，或者對用戶進行相應的提示。

總之，Ajax是一種強大的前端技術，可以實現與服務端的異步數據傳輸。通過使用Ajax，我們可以方便地向服務端發送數據并獲取響應，極大地提升了用戶體驗和交互性。在現代的Web開發中，Ajax被廣泛應用于各種場景，為用戶提供更加流暢和便捷的使用體驗。