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，我们可以为用户提供更加流畅和用户友好的应用体验。