通过AJAX技术，我们可以在不刷新整个页面的情况下，实现与后端服务器的数据交互和更新。在提交多个值时，可以使用不同的方式来发送AJAX请求。本文将介绍如何通过AJAX提交多个值，并举例说明不同的应用场景。
一、通过GET请求提交多个值
使用GET请求来提交多个值较为简单，我们可以将多个值以键值对的形式拼接在URL后面，并用"&"符号连接。下面是一个示例，假设我们要通过AJAX请求将用户名和密码提交到后端：

javascript
$.ajax({
url: "login.php?username=abc&password=123",
method: "GET",
success: function(response) {
// 请求成功后的回调函数
}
});

通过以上方式发送AJAX请求的URL为"login.php?username=abc&password=123"，后端服务器即可通过GET方式获取到这两个值。这种方式适用于提交少量值且无需保密的场景。
二、通过POST请求提交多个值
如果需要传递的值较多，或者需要保密，我们可以使用POST请求来提交多个值。通过POST请求，我们可以将多个值放在请求体中发送给后端。下面是一个示例，假设我们要通过AJAX请求提交一个包含用户名和密码的表单：

javascript
$.ajax({
url: "login.php",
method: "POST",
data: {
username: "abc",
password: "123"
},
success: function(response) {
// 请求成功后的回调函数
}
});

在上述示例中，我们将要提交的值以键值对的方式放在了data属性中。后端服务器可以通过POST方式从请求体中获取这两个值。这种方式适用于提交较多值或需要保密的场景。
三、通过FormData对象提交多个值
如果需要提交的值涉及到文件上传或者带有二进制数据时，可以使用FormData对象来发送AJAX请求。FormData对象可以自动将表单数据编码并且以multipart/form-data格式发送给服务器。下面是一个示例，假设我们要通过AJAX请求提交一个包含文件和用户名的表单：

javascript
var formData = new FormData();
formData.append("file", fileInput.files[0]);
formData.append("username", "abc");
$.ajax({
url: "upload.php",
method: "POST",
data: formData,
contentType: false,
processData: false,
success: function(response) {
// 请求成功后的回调函数
}
});

在上述示例中，我们首先创建了一个FormData对象，并通过append()方法将文件和用户名添加到FormData中。然后，我们将FormData对象作为data属性传递给了AJAX请求。同时，设置了contentType: false和processData: false，以便正确处理文件上传。后端服务器通过POST方式从请求体中获取这些值。
综上所述，我们可以通过GET请求、POST请求以及FormData对象来提交多个值。具体选择哪种方式取决于需要提交的值的数量和保密程度。在实际开发中，我们根据具体需求选择最合适的方式来实现多值的提交。