在Ajax中，根据传递的参数格式不同，前端的发送方式和后端的接收方式也会有所区别。以下是几种常见的参数格式以及对应的处理方式：
普通对象格式（{key1: value1, key2: value2}）:
前端使用JSON.stringify()将对象转换为字符串，并设置contentType为application/json。
后端使用@RequestBody注解接收JSON对象。
$.ajax({
url: '/api/data',
type: 'POST',
contentType: 'application/json',
data: JSON.stringify({param1: 'value1', param2: 'value2'}),
success: function(response) {
// 处理响应
}
});
@PostMapping("/api/data")
public ResponseEntity<?> submitData(@RequestBody MyObject data) {
// 处理数据
}
表单格式（key1=value1&key2=value2）:
前端不需要特殊处理，使用默认设置即可。
后端使用@RequestParam注解接收单个参数或使用@ModelAttribute接收整个表单对象。
$.ajax({
url: '/api/data',
type: 'POST',
data: {param1: 'value1', param2: 'value2'},
success: function(response) {
// 处理响应
}
});
@PostMapping("/api/data")
public ResponseEntity<?> submitData(@RequestParam String param1, @RequestParam String param2) {
// 处理数据
}
查询参数格式（?key1=value1&key2=value2）:
前端在ajax调用中使用data选项传递参数，type通常为GET。
后端使用@RequestParam注解接收参数。
$.ajax({
url: '/api/data?param1=value1¶m2=value2',
type: 'GET',
success: function(response) {
// 处理响应
}
});
@GetMapping("/api/data")
public ResponseEntity<?> getData(@RequestParam String param1, @RequestParam String param2) {
// 处理数据
}
原生数据格式（FormData对象）:
前端使用FormData对象发送文件或表单数据。
后端使用MultipartFile接收文件或使用@ModelAttribute接收表单对象。
var formData = new FormData();
formData.append('param1', 'value1');
formData.append('param2', 'value2');
formData.append('file', fileInputElement.files[0]);
$.ajax({
url: '/api/data',
type: 'POST',
processData: false, // 告诉jQuery不要处理发送的数据
contentType: false, // 告诉jQuery不要设置内容类型头
data: formData,
success: function(response) {
// 处理响应
}
});
@PostMapping("/api/data")
public ResponseEntity<?> submitData(@RequestParam String param1, @RequestParam String param2,
@RequestParam MultipartFile file) {
// 处理数据
}
以上是常见的参数格式和对应的处理方式，根据实际需求选择合适的方法。