前端使用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) {
	...
}
相关推荐
再吃一根胡萝卜4 分钟前
如何把小米 MiMo 接入 CodeBuddy,打造私有 Agent
前端
负责的蛋挞1 小时前
异步HttpModule的实现方式
java·服务器·前端
丹宇码农4 小时前
把 HLS 字幕玩出花:zwPlayer 如何让 M3U8 视频支持全文搜索、翻译与码率自适应
前端·javascript·音视频·hls·视频播放器
2501_943782354 小时前
【共创季稿事节】猜数字游戏:二分法思维与交互式反馈
前端·游戏·microsoft·harmonyos·鸿蒙·鸿蒙系统
GV191rLvq4 小时前
基于Socket实现的最简单的Web服务器【ASP.NET原理分析】
服务器·前端·asp.net
吠品4 小时前
LangChain 里 tool_call_id 为空?一次 MCP 工具集成的排查记录
前端
微信开发api-视频号协议5 小时前
企业微信二次开发中的文件系统设计:媒体资源、临时文件与业务附件
前端·微信·企业微信·媒体·ipad·微信开放平台
柒和远方5 小时前
Phase 7.4 学习博客:为什么多 API 项目需要 Swagger / OpenAPI
前端·后端·架构
张龙6875 小时前
拼多多开放平台对接踩坑实录:从 CLIENT_ID 配置到 MD5 签名算法的完整填坑指南
前端