前端使用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) {
	...
}
相关推荐
一 乐1 天前
婚纱摄影网站|基于ssm + vue婚纱摄影网站系统(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot·后端
C_心欲无痕1 天前
ts - tsconfig.json配置讲解
linux·前端·ubuntu·typescript·json
清沫1 天前
Claude Skills:Agent 能力扩展的新范式
前端·ai编程
yinuo1 天前
前端跨页面通信终极指南:方案拆解、对比分析
前端
yinuo1 天前
前端跨页面通讯终极指南⑨:IndexedDB 用法全解析
前端
xkxnq1 天前
第二阶段:Vue 组件化开发(第 16天)
前端·javascript·vue.js
烛阴1 天前
拒绝配置地狱!5 分钟搭建 Three.js + Parcel 完美开发环境
前端·webgl·three.js
期待のcode1 天前
前后端分离项目 Springboot+vue 在云服务器上的部署
服务器·vue.js·spring boot
xkxnq1 天前
第一阶段:Vue 基础入门(第 15天)
前端·javascript·vue.js
ProgramHan1 天前
Spring Boot 3.2 新特性:虚拟线程的落地实践
java·jvm·spring boot