前端使用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) {
	...
}
相关推荐
还是大剑师兰特19 分钟前
Vue3 中 computed(计算属性)完整使用指南
前端·javascript·vue.js
井川不擦35 分钟前
前端安全通信方案:RSA + AES 混合加密
前端
孜孜不倦不忘初心37 分钟前
Ant Design Vue 表格组件空数据统一处理 踩坑
前端·vue.js·ant design
AD_wjk37 分钟前
Android13系统集成方案
前端
Joyee69138 分钟前
RN 的新通信模型 JSI
前端·react native
somebody38 分钟前
零经验学 react 的第6天 - 循环渲染和条件渲染
前端
青晚舟40 分钟前
AI 时代前端还要学 Docker & K8s 吗?我用一次真实部署经历说清楚
前端·github
墨鱼笔记42 分钟前
不使用微前端:如何实现主应用和子模块动态管理与通信实现
前端
兆子龙1 小时前
前端工程师转型 AI Agent 工程师:后端能力补全指南
前端·javascript
长安11081 小时前
web后端----HTTP协议与浏览器F12
前端·网络协议·http