在web開發中，AJAX（Asynchronous JavaScript and XML）是一種重要的技術，它通過異步傳輸數據，使得網頁能夠在不刷新的情況下獲取服務器返回的數據，大大提升了用戶體驗。然而，許多人誤認為AJAX只能用于獲取數據，而無法進行數據傳輸。本文將通過舉例說明，揭示了這一誤解的真相。

假設我們正在開發一個在線購物網站，用戶可以將商品加入購物車，最終提交訂單。在傳統的網頁開發中，用戶每次加入購物車都需要刷新頁面才能看到最新的購物車列表。然而，使用AJAX技術，我們可以實時更新購物車列表，而無需刷新整個頁面。但是，有些人認為AJAX只能發送請求獲取購物車的數據，而無法將添加商品的請求發送給服務器。這種觀點是錯誤的。

我們可以通過一個簡單的例子來解釋AJAX可以進行數據傳輸的原理。假設我們的網頁上有一個按鈕，點擊該按鈕將向服務器發送添加商品的請求。當點擊按鈕時，我們可以使用AJAX技術發送一個POST請求，將商品的信息作為請求的參數傳遞給服務器。服務器接收到請求后，將商品信息保存到購物車中，并返回添加成功的消息作為響應。通過AJAX的回調函數，我們可以在網頁上顯示添加成功的提示消息。

// HTML代碼
<button id="add-to-cart">添加商品</button>
// JavaScript代碼
document.getElementById("add-to-cart").addEventListener("click", function() {
var xhr = new XMLHttpRequest();
xhr.open("POST", "/add-to-cart", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
document.getElementById("message").innerText = response.message;
}
};
xhr.send(JSON.stringify({productId: 123, quantity: 1}));
});

在這個例子中，我們通過AJAX發送了一個POST請求，請求的URL是"/add-to-cart"。請求的參數是一個JavaScript對象，包含了要添加的商品的ID和數量。服務器接收到請求后，會將商品信息保存到購物車中，并返回一個JSON響應，包含了添加成功的消息。我們通過AJAX的回調函數將響應解析為JavaScript對象，然后將消息顯示在網頁上。

這個簡單的例子表明了AJAX不僅僅是用于獲取服務器返回的數據，它同樣可以用于向服務器發送請求，傳遞數據，并接受服務器的響應。AJAX的優勢在于可以在不刷新整個頁面的情況下，實現與服務器的數據交互。通過合理地運用AJAX技術，我們可以提升網頁的用戶體驗，實現各種復雜的功能。

總之，AJAX不僅僅局限于獲取數據，它同樣可以進行數據傳輸。我們可以通過AJAX發送各種類型的請求，傳遞不同格式的數據，與服務器進行數據交互。僅僅將AJAX視為數據獲取工具是一種對這一技術的誤解。希望通過以上的解釋，讀者能夠對AJAX有更清晰的認識，正確地運用它來開發豐富功能的網頁。