本文將介紹如何通過Ajax傳遞JSON數據給Spring Boot。在現代Web應用中，前端和后端經常需要交換數據。使用Ajax可以使這個過程更加簡單和高效。Spring Boot作為一個快速開發框架和后端服務器可以輕松地處理這些數據。

假設我們有一個簡單的網站，用戶可以發布和查看帖子。我們希望在用戶發布帖子時使用Ajax將數據發送給后端，然后在返回的響應中獲取最新的帖子列表。下面是一個具體的例子：

<form id="postForm"><input type="text" name="title" placeholder="請輸入標題" /><input type="text" name="content" placeholder="請輸入內容" /><button type="submit">發布</button></form>

在這個例子中，我們有一個表單，用戶可以輸入標題和內容，并通過點擊“發布”按鈕來提交表單。我們可以使用以下的JavaScript代碼來處理表單的提交并使用Ajax發送JSON數據：

$(document).ready(function() {
$('#postForm').submit(function(event) {
event.preventDefault();
var formData = {
'title' : $('input[name=title]').val(),
'content' : $('input[name=content]').val()
};
$.ajax({
type : 'POST',
contentType : 'application/json',
url : '/api/posts',
data : JSON.stringify(formData),
dataType : 'json',
success : function(result) {
// 更新帖子列表
},
error : function(jqXHR, textStatus, errorThrown) {
// 處理錯誤
}
});
});
});

在這段代碼中，我們首先通過阻止默認的表單提交事件來確保不會刷新頁面。然后，我們創建了一個包含標題和內容的JavaScript對象。接下來，我們使用Ajax發送了一個POST請求給路徑為“/api/posts”的后端接口，并將JSON數據作為請求體發送。在成功回調函數中，我們可以更新帖子列表，以顯示最新的帖子。

在Spring Boot中，我們可以使用它的自動化配置來處理這個請求。我們需要創建一個控制器，將請求映射到對應的方法：

@RestController
@RequestMapping("/api/posts")
public class PostController {
@PostMapping
public ResponseEntity<String>createPost(@RequestBody PostDto postDto) {
// 處理創建帖子的邏輯
}
}

在這個例子中，我們使用了Spring Boot的@RestController注解，它表示這個類是一個控制器，并且所有的方法都會返回JSON格式的數據。在@RequestMapping注解中，我們指定了請求的路徑為“/api/posts”。然后，我們在createPost方法上使用了@PostMapping注解，將HTTP POST請求映射到這個方法。@RequestBody注解表示我們從請求體中獲取JSON數據，并將其轉換為PostDto對象。在這個方法中，我們可以處理創建帖子的邏輯，并返回一個合適的響應。

通過以上的配置，我們已經可以通過Ajax傳遞JSON數據給Spring Boot了。這個例子只是一個簡單的示例，但你可以根據自己的需求進行擴展。希望本文對你理解如何使用Ajax傳遞JSON數據給Spring Boot有所幫助。