一、引言 Ajax（Asynchronous JavaScript and XML）是一種用于在Web應用程序中從服務器異步加載數據的技術。傳統的HTTP請求是同步的，即用戶在發送請求后必須等待服務器響應并刷新整個頁面才能獲取新的數據。而Ajax技術可以實現無需刷新頁面的數據交互，提供了更好的用戶體驗。 對于AJAX傳遞多個值到Controller的方法，本文將詳細介紹，并提供示例代碼，以便讀者更好地理解與應用。 二、AJAX傳遞多個值的方法 在AJAX傳遞多個值到Controller時，我們可以通過兩種方式實現。一種是將多個值作為URL的查詢參數，另一種是將多個值作為POST請求的請求體進行提交。 1. 傳遞多個值作為URL的查詢參數 這種方式適用于GET請求，我們可以將多個值以鍵值對的形式拼接在URL上，各個鍵值對之間使用"&"符號連接。下面是一個示例，我們通過AJAX請求將多個值傳遞給名為"exampleController"的Controller。 ```html``` 在上面的代碼中，我們定義了三個變量value1、value2和value3，分別表示要傳遞的值。然后，將這些值拼接到URL的查詢參數中，并通過AJAX請求向服務器發送數據。 在Controller中，我們可以通過request對象的getParameter()方法獲取這些值。例如： ```java @RequestMapping("/exampleController") public String exampleController(HttpServletRequest request) { String param1 = request.getParameter("param1"); String param2 = request.getParameter("param2"); String param3 = request.getParameter("param3"); // 處理傳遞的值 return "result"; } ``` 2. 傳遞多個值作為POST請求的請求體 這種方式適用于POST請求，我們可以創建一個包含多個鍵值對的對象，并將其轉換為JSON格式的字符串，作為AJAX請求的請求體進行提交。下面是一個示例： ```html``` 在上面的代碼中，我們創建了一個包含三個鍵值對的對象data，每個鍵值對表示要傳遞的值。然后，我們將data對象轉換為JSON格式的字符串，并通過AJAX請求將其作為請求體進行提交。 在Controller中，我們可以通過@RequestParam注解將JSON格式的請求體轉換為相應的Java對象。例如： ```java @RequestMapping(value = "/exampleController", method = RequestMethod.POST) public String exampleController(@RequestBody ExampleData exampleData) { String param1 = exampleData.getParam1(); String param2 = exampleData.getParam2(); String param3 = exampleData.getParam3(); // 處理傳遞的值 return "result"; } ``` 在上面的代碼中，我們定義了一個ExampleData類，用于接收請求體中的數據。使用@RequestParam注解將請求體轉換為該類的實例，并通過調用getter方法獲取傳遞的值。 三、結論 本文介紹了AJAX傳遞多個值到Controller的兩種方法：作為URL的查詢參數和作為POST請求的請求體進行提交。通過傳遞多個值，我們可以更靈活地與服務器進行數據交互，實現更好的用戶體驗。在實際開發中，我們可以根據具體的需求選擇適合的方式進行數據傳遞，并在Controller中進行相應的處理。 無論是通過URL的查詢參數還是POST請求的請求體，都需要在AJAX請求中進行適當的處理以及在Controller中進行相應的解析。通過本文的示例代碼，讀者可以更好地理解和應用AJAX傳遞多個值的方法。