@ApiOperation("新增群组内人员") @PostMapping("/addgroupmember") public ApiResult addGroupMember(@RequestBody List<NoticeGroupMembers> list,@RequestBody String id){ return success(addressBookService.addGroupMember(list,id)); }前端该如何产惨
时间: 2024-04-04 11:29:33 浏览: 20
前端可以通过发送一个 POST 请求来调用该接口,并在请求体中传递两个参数,一个是名为 `list` 的数组参数,数组中包含需要添加到群组中的成员信息,另一个是名为 `id` 的字符串参数,指定需要添加成员的群组 ID。以下是一个示例代码片段,可以作为参考:
```
fetch('/addgroupmember', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
list: [
{ name: '张三', phone: '13888888888' },
{ name: '李四', phone: '13999999999' }
],
id: 'group1'
})
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
```
在上面的示例中,我们使用了 Fetch API 来发送一个 POST 请求,请求体中的 `list` 参数包含了需要添加的两个成员的信息,`id` 参数指定需要添加成员的群组 ID。请注意,请求头中必须指定 Content-Type 为 application/json,以便服务器能够正确地解析请求体。同时,需要注意的是该接口的请求体包含了两个 @RequestBody 注解,这是不合法的,需要将两个请求体合并成一个,例如将 `list` 和 `id` 包装成一个对象进行传递。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)