Ajax不同请求参数格式与后台接收方式

在Ajax中，根据传递的参数格式不同，前端的发送方式和后端的接收方式也会有所区别。以下是几种常见的参数格式以及对应的处理方式：

1. 普通对象格式（{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) {
    // 处理数据
}

2. 表单格式（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) {
    // 处理数据
}

3. 查询参数格式（?key1=value1&key2=value2）:

   前端在ajax调用中使用data选项传递参数，type通常为GET。

   后端使用@RequestParam注解接收参数。

$.ajax({
    url: '/api/data?param1=value1&param2=value2',
    type: 'GET',
    success: function(response) {
        // 处理响应
    }
});

@GetMapping("/api/data")
public ResponseEntity<?> getData(@RequestParam String param1, @RequestParam String param2) {
    // 处理数据
}

4. 原生数据格式（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) {
    // 处理数据
}

以上是常见的参数格式和对应的处理方式，根据实际需求选择合适的方法。