AJAX是一種前端技術，可以實現頁面的異步加載，其中一個重要的功能是將前臺頁面的數據傳遞給后臺進行處理。本文將介紹如何使用AJAX從前臺傳值到后臺，通過一些實例來說明這個過程。

假設我們有一個網頁上有一個表格，其中有一個輸入框用來填寫用戶的姓名，點擊提交按鈕后，將這個姓名傳遞給后臺進行保存。我們可以通過AJAX來實現這個功能。

function submitData() {
var name = document.getElementById("name").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "/saveName", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send("name=" + name);
}

我們先將輸入框的值獲取到，然后創建一個XMLHttpRequest對象，并使用open方法指定請求的方式和地址。這里我們使用POST方式，并指定后臺處理的地址為/saveName。然后我們需要設置請求頭的Content-Type為application/x-www-form-urlencoded，表示傳遞的數據是表單格式。

接下來，我們設置XMLHttpRequest對象的onreadystatechange事件的回調函數，用來處理后臺返回的結果。當readyState的值為4時表示請求已完成，status的值為200表示請求成功，然后我們可以通過responseText獲取到后臺返回的結果，這里我們只是簡單打印出來。

最后，我們使用send方法將要發送的數據傳遞給后臺，這里我們將姓名通過name參數傳遞。

在我們的后臺處理的代碼中，我們可以使用相應的方式接收到傳遞的參數。比如在Java的SpringMVC框架中，可以使用@RequestParam注解來獲取傳遞的參數。

@RequestMapping(value="/saveName", method=RequestMethod.POST)
@ResponseBody
public String saveName(@RequestParam("name") String name) {
// 這里可以進行相應的處理，比如保存到數據庫
return "保存成功";
}

在這個例子中，我們使用了SpringMVC框架，并使用@RequestMapping注解來指定處理的URL地址為/saveName，并指定請求方式為POST。使用@RequestParam注解來獲取傳遞的name參數，并將其賦值給方法的name參數。

在方法中，我們可以進行相應的處理，比如將姓名保存到數據庫中。最后，我們通過@ResponseBody注解來將返回的結果直接返回給前臺。

通過上面的例子，我們可以看到，通過AJAX從前臺傳值到后臺非常簡單，只需要使用XMLHttpRequest對象來發送請求，并將要傳遞的數據和請求頭設置好即可。在后臺的處理代碼中，我們根據具體的框架來獲取傳遞的參數，并進行相應的處理。

總之，AJAX是一種非常強大的前端技術，可以實現前臺頁面和后臺的數據交互。通過合理的使用AJAX，我們可以為用戶提供更加流暢和用戶友好的應用體驗。