前端使用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) {
	...
}
相关推荐
@PHARAOH3 小时前
HOW - Kratos 入门实践(二)- 概念学习
前端·微服务·go
Mr.朱鹏7 小时前
JVM-GC垃圾回收案例
java·jvm·spring boot·算法·spring·spring cloud·java-ee
智能工业品检测-奇妙智能7 小时前
AIFlowy如何实现与现有Spring Boot项目的无缝集成?
java·spring boot·后端
We་ct7 小时前
LeetCode 77. 组合:DFS回溯+剪枝,高效求解组合问题
开发语言·前端·算法·leetcode·typescript·深度优先·剪枝
KerwinChou_CN7 小时前
什么是流式输出,后端怎么生成,前端怎么渲染
前端
爱上妖精的尾巴7 小时前
8-20 WPS JS宏 正则表达式-懒惰匹配
服务器·前端·javascript
网络点点滴7 小时前
组件通信props方式
前端·javascript·vue.js
二十雨辰7 小时前
[小结]-线上Bug监控
前端·bug
前端技术7 小时前
【鸿蒙实战】从零打造智能物联网家居控制系统:HarmonyOS Next分布式能力的完美诠释
java·前端·人工智能·分布式·物联网·前端框架·harmonyos
CHU7290357 小时前
指尖践行环保——旧衣服回收小程序前端功能玩法详解
前端·小程序