Ajax是一種前端技術，可實現在不刷新整個頁面的情況下與服務器進行數據交互。當我們從服務器獲取數據后，有時候需要將特定的數據回傳給服務器。本文將探討如何使用Ajax回傳指定數據，并通過舉例說明不同情況下的應用。
在使用Ajax回傳指定數據之前，我們首先要了解如何向服務器發起請求，以獲取特定的數據。Ajax使用HTTP請求來與服務器進行通信，通過在請求中傳遞參數來指定我們所需要的數據。例如，假設我們有一個電商網站，想要獲取某個用戶的購物車中的商品數量。我們可以通過以下方式向服務器發起Ajax請求：

html
<script>
var userId = 123; // 假設用戶的ID為123
var url = "get_cart.php"; // 服務器端處理請求的URL
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var cartCount = response.cartCount; // 獲取購物車中的商品數量
console.log("購物車中的商品數量為：" + cartCount);
}
};
xhr.send("userId=" + userId); // 發送帶有用戶ID的請求
</script>

在這個例子中，我們使用了POST請求發送了一個包含用戶ID的請求到服務器的get_cart.php文件。然后，服務器處理這個請求，并將購物車中的商品數量以JSON格式返回給前端。前端通過xhr.responseText獲取服務器的響應，并將其解析為JSON對象，然后通過response.cartCount獲取購物車中的商品數量。
現在，假設我們希望向服務器回傳用戶在購物車中選擇的商品信息，并更新購物車。我們可以通過以下方式實現：

html
<script>
var selectedItems = ["item1", "item2", "item3"]; // 用戶選擇的商品
var url = "update_cart.php"; // 服務器端處理請求的URL
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var success = response.success; // 服務器的響應結果
if (success) {
console.log("購物車已成功更新！");
} else {
console.log("購物車更新失敗。");
}
}
};
xhr.send("selectedItems=" + JSON.stringify(selectedItems)); // 發送帶有用戶選擇的商品信息的請求
</script>

在上述例子中，我們將用戶選擇的商品信息以數組的形式存在selectedItems變量中。然后，我們通過POST請求將這個數組傳遞給服務器的update_cart.php文件。服務器接收到這個請求后，處理數組中的每個商品信息，并更新購物車。最后，服務器將更新結果以JSON格式返回給前端。
通過以上的例子，我們可以看到如何使用Ajax回傳指定數據。無論是獲取特定的數據還是將特定的數據回傳給服務器，在Ajax中都可以很便捷地實現。這使得我們可以更加靈活地與服務器進行交互，提升用戶體驗和網站的性能。
總結起來，在使用Ajax回傳指定數據時，我們需要先確定所需的數據，并通過HTTP請求將這些數據發送給服務器。服務器處理請求后，返回處理結果給前端。通過這種方式，我們可以輕松地實現特定數據的回傳，以滿足不同的需求。