AJAX 和 JSON 在 Web 開發中扮演著非常重要的角色。AJAX 允許我們在不刷新頁面的情況下與服務器進行數據交互，而 JSON 則是一種常用的數據格式。在 AJAX 請求中，我們可以通過 RequestBody 來傳遞 JSON 數據給服務器。本文將詳細介紹如何使用 AJAX 和 JSON 的 RequestBody，并結合一些例子來說明其用法。

在使用 AJAX 發送 JSON 請求時，我們通常使用 POST 方法以及 RequestBody 來傳遞 JSON 數據。下面是一個使用 AJAX 發送 JSON 請求的例子：

$.ajax({
url: "/api/users",
type: "POST",
data: JSON.stringify({name: "John", age: 25}),
dataType: "json",
contentType: "application/json",
success: function(response) {
console.log("請求成功");
},
error: function(xhr, textStatus, errorThrown) {
console.log("請求失敗");
}
});

在上面的例子中，我們使用了 jQuery 的 AJAX 方法來發送一個 POST 請求。通過將 JSON 數據轉換為字符串并指定請求的數據類型為 JSON，我們可以使用 RequestBody 來傳遞 JSON 數據到服務器。服務器接收到請求后，可以解析 RequestBody 中的 JSON 數據并進行相應的處理。

除了 jQuery，其他的 JavaScript 框架和庫也支持 AJAX 發送 JSON 請求。以下是使用原生 JavaScript 發送 JSON 請求的示例：

var xhr = new XMLHttpRequest();
xhr.open("POST", "/api/users", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log("請求成功");
} else {
console.log("請求失敗");
}
};
xhr.send(JSON.stringify({name: "John", age: 25}));

在這個例子中，我們使用了原生 JavaScript 的 XMLHttpRequest 對象來發送 POST 請求。通過設置請求頭的 Content-Type 為 application/json，并將 JSON 數據作為字符串發送到服務器，我們可以成功地發送 JSON 請求。

在實際的應用場景中，我們經常需要從用戶輸入中獲取數據并將其作為 JSON 數據發送到服務器。下面是一個在用戶點擊按鈕時發送 JSON 請求的例子：

document.getElementById("myButton").addEventListener("click", function() {
var name = document.getElementById("nameInput").value;
var age = document.getElementById("ageInput").value;
var data = {
name: name,
age: age
};
$.ajax({
url: "/api/users",
type: "POST",
data: JSON.stringify(data),
dataType: "json",
contentType: "application/json",
success: function(response) {
console.log("請求成功");
},
error: function(xhr, textStatus, errorThrown) {
console.log("請求失敗");
}
});
});

在上面的例子中，我們通過獲取用戶輸入的數據并將其作為 JSON 對象發送到服務器。這種方式可以靈活地傳遞用戶輸入的數據，并在服務器端進行相應的處理。

總結起來，使用 AJAX 和 JSON 的 RequestBody 可以方便地傳遞 JSON 數據給服務器。我們可以使用不同的 JavaScript 框架和庫來發送 JSON 請求，并且可以靈活地獲取用戶輸入并發送相應的數據到服務器。在實際開發中，我們可以根據具體需求選擇合適的方式來發送 JSON 請求。