前端使用Get传递数组形式的数据

前端使用Get传递数组形式的数据

不能直接使用 JSON.stringify()传输参数,或者直接用json数据传输,后端均会应为包含了非法的符号 []而报错。

前端

主要在于对Array形式的数据进行转换,拼接成字符串,采用join方法将每个元素进行拼接。最后拼接之后的形式是
/api?ids=1,2,3,4的形式

js 复制代码
http.get(stockRequestApi.getStockFlowInfoApi, {ids: ids.join(',')})
    .then(res => {
    })
    .catch(err => {
    })

后端接收

采用get方式的参数获取,使用同名的参数,或者采用@RequestParam指定接收的参数,便会自动解析参数。

采用Integer[]List<Integer> 均能接收数组类型的参数。

java 复制代码
@GetMapping("/get/flowDetails")
public ResultData getFlowDetails(@RequestParam("ids") Integer[] stockIds) {
	...
}

//采用list也能接收数组类型的参数
public ResultData getFlowDetails(List<Integer> ids) {
	...
}
相关推荐
不懂的浪漫5 分钟前
更适合 Spring Boot 的 MQTT 框架:mqtt-plus v1.0.0 发布了
spring boot·物联网·mqtt·无人机
weixin199701080168 分钟前
《电子元器件商品详情页前端性能优化实战》
前端·性能优化
geBR OTTE8 分钟前
Spring Boot中集成MyBatis操作数据库详细教程
数据库·spring boot·mybatis
Southern Wind9 分钟前
Vue 3 + Naive UI 企业级后台管理系统完整解析
前端·vue.js·ui·typescript
OtIo TALL9 分钟前
Spring Boot管理用户数据
java·spring boot·后端
清汤饺子10 分钟前
AI 编程新范式:Spec First 的四件套,让 AI 不再是"热情但跑偏的实习生"
前端·javascript·后端
weixin1997010801610 分钟前
《建材网商品详情页前端性能优化实战》
前端·性能优化
程序员 沐阳14 分钟前
从缓慢等待到瞬间响应:Vite 如何重塑前端开发体验
前端·前端框架
fTiN CAPA16 分钟前
Spring Boot中Tomcat配置
spring boot·tomcat·firefox
wangjinsheng59316 分钟前
Vue3 + Element Plus 前端 AI 编码模板
前端·vue.js·ai·elementui·ai编程