SpringMvc数组集合后端不同接参,前端如何传参

2022-05-07 约 489 字预计阅读 1 分钟

https://bing.ee123.net/img/rand?artid=124630034

SpringMvc数组集合后端不同接参，前端如何传参？

引言：针对数组、集合形式，后端有不同的接参模式，前端改如何传参呢？

1.1 简单类型集合

1.1.1 无PathVariable.

@ApiOperation(value = "批量删除")
@DeleteMapping(value = "/deleteRouterProcess")
public RestResponse<Boolean> deleteRouterProcess(@RequestParam("ids") Long[] ids) {
    ....
}
或者：
public RestResponse<Boolean> deleteRouterProcess(@RequestParam("ids") List<String> ids) {
    ....
}
或者：
public RestResponse<Boolean> deleteRouterProcess(@RequestParam("ids") Set<String> ids) {
    ....
}

前端传参URL：

deleteRouterProcess?ids=111&ids=222.

1.1.2 使用PathVariable

@ApiOperation(value = "批量删除")
@DeleteMapping(value = "/deleteRouterProcess/{ids}")
public RestResponse<Boolean> deleteRouterProcess(@PathVariable("ids") Long[] ids) {
    ....
}

PathVariable会从URL解析参数，请求地址应该为：

deleteRouterProcess/1111,222

2.Bean接收但是Bean中存在简单集合类型

@ApiOperation(value = "批量删除")
@DeleteMapping(value = "/deleteRouterProcess")
public RestResponse<Boolean> deleteRouterProcess(ListBean bean) {
    ....
}


public class ListBean{

   private Long[] ids;

   //getter、setter
}

前端传参应该为:

deleteRouterProcess?ids=111&ids=222.

3.Bean接收但是Bean中存在Bean集合类型

@ApiOperation(value = "批量删除")
@DeleteMapping(value = "/deleteRouterProcess")
public RestResponse<Boolean> deleteRouterProcess(ListBean bean) {
    ....
}


public class ListBean{
   private List<SimpleBean> beans;
   //getter、setter
}


public class SimpleBean{
   private Long ids;
   private String name;
   //getter、setter
}

此时前端传参为：

deleteRouterProcess?beans[0].ids=1&beans[1].ids ，在实际传参中url不能有特殊字符[]会被编码转义。

注：上述DeleteMapping可以修改为RequestMappign，前端请求方式根据这个灵活变动。

Do i explain it clearly to you?Ths.