Ajax是一種用于創建快速動態網頁的技術，在前后端數據交互中起著重要的作用。而JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，非常適合在Ajax中進行數據傳輸。而Spring MVC是一個流行的Java Web開發框架，提供了方便的方法來處理Ajax請求和返回JSON數據。通過結合使用Ajax、JSON和Spring MVC，我們可以實現高效的前后端交互，提供更好的用戶體驗。

首先，我們來看一個例子來理解如何使用Ajax和JSON進行數據傳輸和處理。假設我們有一個簡單的網頁，上面有一個輸入框和一個按鈕。用戶可以在輸入框中輸入一個城市的名字，然后點擊按鈕來獲取該城市的天氣信息。當用戶點擊按鈕時，我們使用Ajax來發送一個請求到后臺，并將輸入框中的值作為參數傳遞給后臺。后臺通過調用外部的天氣API來獲取該城市的天氣信息，然后將天氣信息以JSON格式返回給前端。前端接收到JSON數據后，可以解析數據并將天氣信息顯示在網頁上。

// 前端代碼
$.ajax({
url: "/weather",
method: "GET",
data: { city: $("#cityInput").val() },
dataType: "json",
success: function(data) {
// 解析JSON數據
var temperature = data.temperature;
var description = data.description;
// 顯示天氣信息
$("#temperature").text(temperature);
$("#description").text(description);
},
error: function() {
alert("獲取天氣信息失敗！");
}
});

在上面的代碼中，我們使用了jQuery的Ajax函數來發送GET請求，并指定了后臺的URL、請求參數、數據類型等信息。當請求成功后，success回調函數會被調用，并將返回的JSON數據作為參數傳遞給函數。在這個例子中，我們假設后臺返回的JSON數據包含了溫度和天氣描述兩個字段。通過解析JSON數據，我們可以將這些字段的值顯示在網頁上。

接下來，我們來看一下如何在Spring MVC中處理Ajax請求和返回JSON數據。首先，我們需要在后臺編寫一個控制器方法來處理Ajax請求。這個方法應該被@RequestMapping注解修飾，并指定一個URL路徑，用于接收前端的請求。

// 后端代碼
@RequestMapping("/weather")
@ResponseBody
public Weather getWeather(String city) {
// 調用外部的天氣API獲取天氣信息
Weather weather = weatherService.getWeather(city);
// 返回天氣信息
return weather;
}

在上面的代碼中，我們使用@RequestMapping注解將這個方法映射到地址"/weather"上。同時，將@ResponseBody注解添加到方法上，表示這個方法應該返回JSON數據給前端。在方法中，我們首先調用外部的天氣API獲得天氣信息，然后將這些信息封裝到一個Weather對象中，并返回給前端。

通過以上的例子，我們可以看到使用Ajax和JSON提交數據給Spring MVC非常簡潔和方便。通過這種方法，前端頁面可以異步地向后臺發送請求，并且后臺可以方便地返回JSON數據給前端。這使得我們可以實現更高效、更動態的前后端交互，提供更好的用戶體驗。