前端使用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) {
	...
}
相关推荐
HUMHSX13 小时前
Vue 项目启动全流程解析:从入口文件到全局指令注册与页面渲染
前端·javascript·vue.js
有颜有货13 小时前
PMC生产排产的4种算法,一次讲清
java·服务器·前端
小虎牙00713 小时前
Android kotlin图片库Coil源码详解
android·前端
随风一样自由14 小时前
【前端领域】前端开发核心应用场景与落地实践
前端·前端框架
an3174214 小时前
弹窗数据流设计的两种高阶架构实践
前端·vue.js·架构
尚早立志14 小时前
Spring Boot 源码研读之ConfigurableEnvironment 环境准备
java·spring boot·后端
谢尔登14 小时前
【React】 状态管理方案
前端·react.js·前端框架
用户21366100357215 小时前
Vue商品详情与放大镜组件
前端·javascript
半个落月15 小时前
从Tapas小Demo理清localStorage、事件与this
前端·javascript
李明卫杭州15 小时前
Vue2 中 v-model 处理不同数据结构的技巧
前端·javascript·vue.js