当前位置: 首页 > article >正文

前端使用Get传递数组形式的数据

前端使用Get传递数组形式的数据

  • 前端
  • 后端接收

不能直接使用 JSON.stringify()传输参数,或者直接用json数据传输,后端均会应为包含了非法的符号 []而报错。

前端

主要在于对Array形式的数据进行转换,拼接成字符串,采用join方法将每个元素进行拼接。最后拼接之后的形式是
/api?ids=1,2,3,4的形式

http.get(stockRequestApi.getStockFlowInfoApi, {ids: ids.join(',')})
    .then(res => {
    })
    .catch(err => {
    })

在这里插入图片描述

后端接收

采用get方式的参数获取,使用同名的参数,或者采用@RequestParam指定接收的参数,便会自动解析参数。
采用Integer[]List<Integer> 均能接收数组类型的参数。

@GetMapping("/get/flowDetails")
public ResultData getFlowDetails(@RequestParam("ids") Integer[] stockIds) {
	...
}

//采用list也能接收数组类型的参数
public ResultData getFlowDetails(List<Integer> ids) {
	...
}

http://www.kler.cn/a/500046.html

相关文章:

  • 西电-神经网络基础与应用-复习笔记
  • 【xLua】xLua-master签名、加密Lua文件
  • 04_Redis数据类型-String字符串
  • 机器学习笔记合集
  • Webpack 入门指南
  • T-SQL语言的学习路线
  • 机器学习 - 如何理解函数集合中的准确性、召回率、F1分数呢?
  • TypeError: Cannot create a consistent method resolution order (MRO) for
  • Tkinter组件-Button按键
  • 升级 Spring Boot 3 配置讲解 — 新版本的秒杀系统怎么做?
  • 【物流管理系统 - IDEAJavaSwingMySQL】基于Java实现的物流管理系统导入IDEA教程
  • R语言在森林生态研究中的魔法:结构、功能与稳定性分析——发现数据背后的生态故事!
  • 计算机网络(四)网络层
  • 探秘MetaGPT:革新软件开发的多智能体框架
  • homework 2025.01.11 math 6
  • Chrome_60.0.3112.113_x64 单文件版 下载
  • drawDB docker部属
  • 开源库:jcon-cpp
  • HTML和CSS相关的问题,为什么某些元素的字体无法加载?
  • 深度学习与大数据的结合:挑战与机遇
  • 协同过滤算法绿色食品推荐系统|Java|SSM|VUE|
  • 代码随想录算法训练营第三十二天|509.斐波那契数、70.爬楼梯、746.使用最小花费爬楼梯
  • STM32从零开始深入学习