隨著Web應用程序的發展，越來越多的技術和工具被引入到開發中來滿足用戶需求。其中Ajax（Asynchronous JavaScript and XML）是一種用于在Web頁面上進行異步數據交互的技術，它可以使得頁面不必刷新就能與服務器進行通信。然而，很多人錯誤地認為Ajax只能用于傳遞form表單的數據。事實上，Ajax并不局限于傳遞表單數據，它可以用于傳遞任何類型的數據，包括JSON、XML等。

舉個例子來說明，假設我們有一個在線購物網站，我們希望用戶能夠添加商品到購物車，并實時更新購物車的信息。傳統的做法是用戶點擊“添加到購物車”按鈕后，頁面會進行整個刷新，顯示最新的購物車信息。然而，這樣做會導致用戶體驗下降，因為頁面需要重新加載，操作相對繁瑣。

使用Ajax，我們可以實現只更新購物車部分的信息，而不必刷新整個頁面。當用戶點擊“添加到購物車”按鈕時，我們可以使用JavaScript獲取商品的信息，然后通過Ajax將這些信息發送給服務器。服務器接收到數據后，可以將其添加到購物車中，并返回更新后的購物車信息。JavaScript再將這些信息更新到頁面上，實現實時更新購物車的功能。

// JavaScript代碼
var product = {
id: 1,
name: 'iPhone 12',
price: 6999
};
$.ajax({
url: '/add-to-cart',
method: 'POST',
data: JSON.stringify(product),
contentType: 'application/json',
success: function(response) {
// 更新購物車信息
},
error: function(error) {
// 處理錯誤
}
});

上述示例中，我們將商品信息以JSON格式傳遞給服務器，服務器處理后返回更新后的購物車信息。JavaScript通過Ajax接收到響應后，可以根據返回的數據更新頁面上的購物車信息，而不必刷新整個頁面。

除了傳遞表單數據外，Ajax還可以用于傳遞其他類型的數據，例如XML格式的數據。假設我們需要從服務器獲取一份XML文檔，然后在頁面上進行顯示。使用Ajax，我們可以發送一個GET請求給服務器，服務器會返回XML文檔的內容。然后我們可以使用JavaScript將XML解析為DOM對象，并通過操作DOM來更新頁面上的內容。

// JavaScript代碼
$.ajax({
url: '/get-xml',
method: 'GET',
dataType: 'xml',
success: function(response) {
// 解析XML并更新頁面內容
},
error: function(error) {
// 處理錯誤
}
});

在上述示例中，我們通過發送GET請求獲取到服務器返回的XML文檔。JavaScript通過Ajax接收到響應后，可以使用合適的DOM方法解析XML，并根據需要更新頁面上的內容。

綜上所述，Ajax并不局限于傳遞form表單的數據。它可以用于在Web頁面上進行異步數據交互，并可以傳遞任何類型的數據，包括JSON、XML等。通過使用Ajax，我們可以實現更加流暢和靈活的用戶體驗，提升Web應用程序的功能和性能。