fetch('/deletegroupidlist', { method: 'DELETE', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ idList: ['group1', 'group2', 'group3'] }) }) .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error))后端接口该如何写

根据你提供的前端代码，后端接口应该如下所示：

@DeleteMapping("/deletegroupidlist")
public ApiResult deleteGroupIdList(@RequestBody Map<String, Object> requestParam) {
    List<String> idList = (List<String>) requestParam.get("idList");
    return success(addressBookService.deleteGroup(idList));
}

在上面的代码中，我们将前端传递的 `idList` 参数包装成一个 `Map` 对象传递，然后通过 `get` 方法获取到对应的参数值。注意，在请求体中包含多个参数时，需要将这些参数包装成一个对象进行传递，然后在后端接口中解析出来。同时，需要注意的是，由于使用了 DELETE 请求，因此需要在后端接口中使用 `@DeleteMapping` 注解来映射该接口。

相关问题

前端代码：fetch('/deletegroupidlist', { method: 'DELETE', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ idList: ['group1', 'group2', 'group3'] }) }) .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error))，后端代码：@DeleteMapping("/deletegroupidlist") public ApiResult deleteGroupIdList(@RequestBody Map<String, Object> requestParam) { List<String> idList = (List<String>) requestParam.get("idList"); return success(addressBookService.deleteGroup(idList)); }报异常"java.lang.ClassCastException: java.utl.LinkedHashMap cannot be cast to com.nari.climbing.notice.domain,pojo.NoticeGroupMember "

这个问题的原因是你在后端使用了强制类型转换，将请求参数 `requestParam` 中的 `idList` 强制转换成了 `List<String>` 类型，但实际上 `idList` 是一个 `LinkedHashMap` 对象，因此出现了类型转换异常。

为了解决这个问题，你需要将 `idList` 对应的值提取出来，并转换成 `List<String>` 对象。你可以使用以下代码实现：

List<String> idList = objectMapper.convertValue(requestParam.get("idList"), new TypeReference<List<String>>() {});

其中，`objectMapper` 是一个 Jackson 的 Object Mapper 对象，用于将对象转换成 JSON 格式或反向转换。使用 `convertValue` 方法将请求参数中的 `idList` 对象转换成 `List<String>` 对象，这样就避免了强制类型转换的问题。记得要在方法上添加 `@Autowired` 注解，以便自动注入 `objectMapper` 对象。

fetch_data(json_data: any) { let self = this let ctrl = new AbortController() // console.log('ctrl', ctrl) fetchEventSource('http://10.110.133.8/apiv2/videomgr/query', { method: 'POST', signal: ctrl.signal, headers: { 'Content-Type': 'application/json', accept: 'text/event-stream' }, body: JSON.stringify(json_data), async onmessage(event: EventSourceMessage) { console.log('event', event) if (event.data === '') return self.list.push({ name: 'xs', msg: event.data }) }, async onopen(response: any) { // 开始 console.log('rerere', response) } }) }

这段代码是一个使用fetch函数发送POST请求并获取数据的函数。它使用Fetch API来发送异步请求，并通过EventSource对象来监听服务器推送的事件。

首先，它创建了一个AbortController对象`ctrl`，用于中止请求。

然后，它使用fetch函数发送POST请求到指定的URL `'http://10.110.133.8/apiv2/videomgr/query'`。请求的方法为POST，请求头包含了Content-Type为application/json和accept为text/event-stream。

请求的主体是通过JSON.stringify方法将json_data对象转换为JSON字符串。

同时，它设置了两个事件处理程序：
1. onmessage事件处理程序用于监听服务器推送的消息。当接收到消息时，将消息作为新的对象添加到self.list数组中。
2. onopen事件处理程序用于在连接打开时进行一些操作。在这里，它会打印出response对象。

整体来说，这段代码使用Fetch API发送POST请求，并监听服务器推送的消息和连接打开事件。在收到消息时，将其添加到列表中。