前端往后端传递对象或者数组，后端使用@RequestBody注解接收数据，前端$.ajax()请求怎么发？

àì夳堔傛蜴生んèń 2022-11-19 12:39 162阅读 0赞

### 1、传输对象 ###

**前端：**

$.ajax({ 
        contentType: 'application/json;charset=UTF-8',
        type: "POST",
        dataType: "json",
        url: "请求地址",
        data: JSON.stringify({ 
            "1号参数名称": 1号参数值,
            "2号参数名称": 2号参数值,
            …………
        }),
        success: function (data) { 
            // 处理数据，如果返回的数据就是json格式的，直接使用.就可以取得，例如data.msg、data.success.phone等
        }
    })

**后台：**

@PostMapping("路径")
    @ResponseBody
    public R deleteItems(@RequestBody 对象类型 对象名称){ XXX}

例如：

@PostMapping("/addUser")
    @ResponseBody
    public R deleteItems(@RequestBody User user){ XXX}

**注意：**

除中文提醒之外的内容都别改，比如`contentType设置`、`POST请求方式`、`JSON.stringify()方法`、`dataType使用json格式`等

### 2、传输数组 ###

**前端：**

$.ajax({ 
        contentType: 'application/json;charset=UTF-8',
        type: "POST",
        dataType: "json",
        url: "请求地址",
        data: JSON.stringify(数组名称),
        success: function (data) { 
            // 处理数据，如果返回的数据就是json格式的，直接使用.就可以取得，例如data.msg、data.success.phone等
        }
    })

**后台：**

@PostMapping("路径")
    @ResponseBody
    public R deleteItems(@RequestBody List<类型> 集合名称){ XXX}

例如：

@PostMapping("/deleteItems")
    @ResponseBody
    public R deleteItems(@RequestBody List<Long> skuIds){ XXX}

后台不仅可以使用List集合去接受，还可以使用数组去接受参数，例如上面的例子也可以写成：

在这里插入代码片@PostMapping("/deleteItems")
    @ResponseBody
    public R deleteItems(@RequestBody Long[] skuIds) { XXX}

**注意：**

除中文提醒之外的内容都别改，比如`contentType设置`、`POST请求方式`、`JSON.stringify()方法`、`dataType使用json格式`等